diff --git a/public/images/icons/twitterX.svg b/public/images/icons/twitterX.svg
index 465a20ac..c2ebdc25 100644
--- a/public/images/icons/twitterX.svg
+++ b/public/images/icons/twitterX.svg
@@ -1,11 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2352_24675)">
-<path d="M5.99963 0.00622845C9.3099 0.00622845 11.9934 2.68973 11.9934 6C11.9934 9.31027 9.3099 11.9938 5.99963 11.9938C2.68936 11.9938 0.00585938 9.31027 0.00585938 6C0.00585938 2.68973 2.68936 0.00622845 5.99963 0.00622845Z" fill="#CDC8E1"/>
-<path d="M2.3081 9.47266L5.17305 5.64201L2.29004 2.52751H2.93894L5.46307 5.25436L7.50242 2.52751H9.7105L6.68429 6.57358L9.36781 9.47266H8.7189L6.39439 6.96136L4.51618 9.47266H2.3081ZM3.26233 8.99473H4.27672L8.75614 3.00544H7.74175L3.26233 8.99473Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_2352_24675">
-<rect width="12" height="12" fill="white" transform="matrix(1 0 0 -1 0 12)"/>
-</clipPath>
-</defs>
+  <path d="M3.29297 3.04053L7.72233 8.96087H8.72483L4.29698 3.04053H3.29297Z" fill="#CDC8E1"/>
+  <path d="M6.00004 0.0751953C2.728 0.0751953 0.0751953 2.728 0.0751953 6.00004C0.0751953 9.27209 2.728 11.9249 6.00004 11.9249C9.27209 11.9249 11.9249 9.27209 11.9249 6.00004C11.9249 2.728 9.27209 0.0751953 6.00004 0.0751953ZM7.48501 9.43291L5.46948 6.73802L2.97449 9.43291H2.33271L5.18241 6.35475L2.35075 2.56718H4.53311L6.38932 5.05015L8.68742 2.56718H9.3292L6.6764 5.43341L9.66738 9.43291H7.48501Z" fill="#CDC8E1"/>
 </svg>
diff --git a/src/proposals/components/proposal/DetailsShareLinks.tsx b/src/proposals/components/proposal/DetailsShareLinks.tsx
index 62ba660d..7c7fc9c9 100644
--- a/src/proposals/components/proposal/DetailsShareLinks.tsx
+++ b/src/proposals/components/proposal/DetailsShareLinks.tsx
@@ -74,23 +74,13 @@ export function DetailsShareLinks({ ipfs, ipfsError }: DetailsShareLinksProps) {
       <StyledLink
         sx={(theme) => ({
           path: {
-            '&:last-of-type': {
-              fill: theme.palette.$appBackground,
-            },
-            '&:first-of-type': {
-              fill: theme.palette.$textDisabled,
-            },
+            fill: theme.palette.$textDisabled,
             transition: 'all 0.2s ease',
           },
           '&:hover': {
             color: theme.palette.$text,
             path: {
-              '&:last-of-type': {
-                fill: theme.palette.$appBackground,
-              },
-              '&:first-of-type': {
-                fill: theme.palette.$text,
-              },
+              fill: theme.palette.$text,
             },
           },
         })}
diff --git a/src/ui/components/Branding.tsx b/src/ui/components/Branding.tsx
index c9d18db7..31e6e2bf 100644
--- a/src/ui/components/Branding.tsx
+++ b/src/ui/components/Branding.tsx
@@ -24,18 +24,11 @@ export function Branding() {
     <Box
       className="Branding"
       sx={{
-        mt: 34,
+        mt: 28,
         position: 'relative',
         zIndex: 2,
         [theme.breakpoints.up('sm')]: {
-          mt: 0,
-          position: 'absolute',
-          right: 5,
-          top: 5,
-          zIndex: 101,
-        },
-        [theme.breakpoints.up('md')]: {
-          right: 40,
+          mt: 40,
         },
       }}>
       <Box
@@ -74,7 +67,15 @@ export function Branding() {
                   ml: 0,
                 },
                 [theme.breakpoints.up('sm')]: { ml: 6 },
-                hover: { opacity: 0.7 },
+                hover: {
+                  '.Branding__icon': {
+                    svg: {
+                      path: {
+                        fill: theme.palette.$text,
+                      },
+                    },
+                  },
+                },
               }}>
               <IconBox
                 className="Branding__icon"
@@ -88,13 +89,9 @@ export function Branding() {
                   '> svg': {
                     width: 20,
                     height: 20,
+                    transition: 'all 0.2s ease',
                     path: {
-                      '&:last-of-type': {
-                        fill: theme.palette.$appBackground,
-                      },
-                      '&:first-of-type': {
-                        fill: theme.palette.$textDisabled,
-                      },
+                      fill: theme.palette.$textDisabled,
                     },
                     [theme.breakpoints.up('sm')]: {
                       width: 14,
diff --git a/src/ui/utils/GlobalStyles.tsx b/src/ui/utils/GlobalStyles.tsx
index a126d5b3..26a016e6 100644
--- a/src/ui/utils/GlobalStyles.tsx
+++ b/src/ui/utils/GlobalStyles.tsx
@@ -213,12 +213,7 @@ export function GlobalStyles() {
         '.Branding__icon': {
           '> svg': {
             path: {
-              '&:last-of-type': {
-                fill: '#EDF0FC',
-              },
-              '&:first-of-type': {
-                fill: '#C6C3D1',
-              },
+              fill: '#C6C3D1',
             },
           },
         },
@@ -357,12 +352,7 @@ export function GlobalStyles() {
         '.Branding__icon': {
           '> svg': {
             path: {
-              '&:last-of-type': {
-                fill: '#1C2445',
-              },
-              '&:first-of-type': {
-                fill: '#47557C',
-              },
+              fill: '#47557C',
             },
           },
         },