diff --git a/src/components/PageWrapper/PageWrapper.jsx b/src/components/PageWrapper/PageWrapper.jsx
index 01abf0c3..1e556c0b 100644
--- a/src/components/PageWrapper/PageWrapper.jsx
+++ b/src/components/PageWrapper/PageWrapper.jsx
@@ -26,7 +26,6 @@ const PageWrapper = ({ children }) => {
             style={{
               background:
                 "linear-gradient(180deg, rgba(245,242,254,1) 0%, rgba(255,255,255,1) 100%)",
-
               width: "100%",
               display: "flex",
               justifyContent: "end",
diff --git a/src/components/TopBar/TopBar.css b/src/components/TopBar/TopBar.css
index 18b4cba1..fd7df3e3 100644
--- a/src/components/TopBar/TopBar.css
+++ b/src/components/TopBar/TopBar.css
@@ -13,7 +13,8 @@
   gap: 15px;
   padding: 15px 25px;
   background-color: rgba(9, 16, 28, 0.96);
-  max-width: 1812px;
+  max-width: 1512px;
+  height: 56px;
   border-top-left-radius: 25px;
   border-top-right-radius: 25px;
 }
diff --git a/src/components/TopBar/TopBar.jsx b/src/components/TopBar/TopBar.jsx
index 03b53105..85f50061 100644
--- a/src/components/TopBar/TopBar.jsx
+++ b/src/components/TopBar/TopBar.jsx
@@ -41,21 +41,21 @@ const TopBar = () => {
         <Icon src={Arrow} width={32} height={32} style={bgIconBtn}></Icon>
         <Icon
           src={CommunitiesIcon}
-          width={32}
-          height={32}
+          width={20}
+          height={20}
           style={bgIconBtn}
         ></Icon>
 
         <Icon
           src={MessagesIcon}
-          width={32}
-          height={32}
+          width={20}
+          height={20}
           style={bgIconBtn}
         ></Icon>
 
-        <Icon src={WalletIcon} width={32} height={32} style={bgIconBtn}></Icon>
-        <Icon src={BrowserIcon} width={32} height={32} style={bgIconBtn}></Icon>
-        <Icon src={NodesIcon} width={32} height={32} style={bgIconBtn}></Icon>
+        <Icon src={WalletIcon} width={20} height={20} style={bgIconBtn}></Icon>
+        <Icon src={BrowserIcon} width={20} height={20} style={bgIconBtn}></Icon>
+        <Icon src={NodesIcon} width={20} height={20} style={bgIconBtn}></Icon>
       </XStack>
       <div className="topbar_middle">
         {Array.from({ length: 9 }).map((e, i) => (