diff --git a/src/ui/src/components/Header/style.js b/src/ui/src/components/Header/style.js
index 9ee6304b..9caf6cd5 100644
--- a/src/ui/src/components/Header/style.js
+++ b/src/ui/src/components/Header/style.js
@@ -88,9 +88,6 @@ export const useStyles = makeStyles({
     },
     compositionTwo: {
         paddingLeft: '1.875rem',
-        '@media(max-width: 1024px)': {
-            paddingLeft: '0.9375rem'
-        },
         '@media(max-width: 900px)': {
             paddingLeft: '2rem'
         },
@@ -104,7 +101,16 @@ export const useStyles = makeStyles({
         },
         '@media(max-width: 501px)': {
             paddingLeft: '0rem'
-        }
+        },
+        '@media(max-width: 1024px)': {
+            paddingLeft: '0rem'
+        },
+        '@media(min-width: 1024px)': {
+            paddingLeft: '0.9375rem',
+        },
+        '@media(min-width: 1200px)': {
+            paddingLeft: '0.875rem',
+        },
     },
     compositionTitle: {
         color: '#000',
@@ -235,13 +241,7 @@ export const useStyles = makeStyles({
         },
         '@media(min-width: 900px)': {
             paddingRight: '2rem',
-        },
-        '@media(min-width: 1024px)': {
-            paddingLeft: '0.9375rem',
-        },
-        '@media(min-width: 1200px)': {
-            paddingLeft: '0.875rem',
-        },
+        }
     },
     addWalletCon: {
         paddingTop: '2.1875rem',
@@ -331,7 +331,7 @@ export const useStyles = makeStyles({
         }
     },
     legacyAppNote: {
-        backgroundColor: '#ed6c02',
+        backgroundColor: '#5B9BD5',
         padding: '16px',
         textAlign: 'center',
         color: 'white'