feat(nimbus-logo-and-text): style

src/components/General/NimbusText.tsx

@@ -10,7 +10,7 @@ const NimbusText = () => {
       viewBox="0 0 80 17"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      style={{ cursor: 'pointer' }}
+      style={{ cursor: 'pointer', marginLeft: '1px' }}
       onClick={() => navigate('/')}
     >
       <g id="Nimbus">

src/components/General/TitleLogo.tsx

@@ -1,4 +1,4 @@
-import { Avatar, Text } from '@status-im/components'
+import { Text } from '@status-im/components'
 import { XStack, YStack } from 'tamagui'
 
 import NimbusLogoMark from '../Logos/NimbusLogoMark'
@@ -11,16 +11,9 @@ type TitleLogoProps = {
 const TitleLogo = ({ subtitle }: TitleLogoProps) => {
   return (
     <XStack space={'$2'}>
-      <Avatar
-        type="icon"
-        size={48}
-        backgroundColor="white"
-        icon={<NimbusLogoMark />}
-      />
+      <NimbusLogoMark />
       <YStack>
-        <div style={{ display: 'flex', alignItems: 'center' }}>
-          <NimbusText />
-        </div>
+        <NimbusText />
         <Text size={19} color="#647084">
           {subtitle}
         </Text>

src/components/Logos/NimbusLogo.css

@@ -5,5 +5,5 @@
 }
 .nimbus-logomark svg {
   width: auto;
-  height: 21px;
+  height: 20px;
 }