fix the SSO logo image size

Author: KIvanow

redisinsight/ui/src/components/oauth/oauth-sign-in-button/OAuthSignInButton.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import styled from 'styled-components'
 import { OAuthSsoHandlerDialog } from 'uiSrc/components'
 
 import RedisLogo from 'uiSrc/assets/img/logo_small.svg'
@@ -8,6 +9,11 @@ import { SecondaryButton } from 'uiSrc/components/base/forms/buttons'
 import { RiImage } from 'uiSrc/components/base/display'
 import styles from './styles.module.scss'
 
+const LogoWrapper = styled.div`
+  width: 15px;
+  height: 15px;
+`
+
 export interface Props {
   source: OAuthSocialSource
 }
@@ -29,7 +35,9 @@ const OAuthSignInButton = (props: Props) => {
           }
           data-testid="cloud-sign-in-btn"
         >
-          <RiImage className={styles.logo} src={RedisLogo} alt="Redis logo" />
+          <LogoWrapper>
+            <RiImage $size={"fullWidth"} className={styles.logo} src={RedisLogo} alt="Redis logo" />
+          </LogoWrapper>
           <span>Cloud sign in</span>
         </SecondaryButton>
       )}