diff --git a/package.json b/package.json
index 399c2cb..3d60390 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ghost-dao-interface",
   "private": true,
-  "version": "0.7.10",
+  "version": "0.7.11",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/components/TopBar/GhostChainSelect.jsx b/src/components/TopBar/GhostChainSelect.jsx
index 94f2aad..6a51669 100644
--- a/src/components/TopBar/GhostChainSelect.jsx
+++ b/src/components/TopBar/GhostChainSelect.jsx
@@ -43,9 +43,15 @@ function GhostChainSelect() {
     }
 
     return (
-        <PrimaryButton onClick={() => window.open(GHOST_CONNECT, '_blank', 'noopener,noreferrer')} width="155px">
-            Get GHOST Connect
-        </PrimaryButton>
+        <Box height="39px" width="155px">
+            <PrimaryButton
+                sx={{ margin: "0 !important", padding: "0 !important" }}
+                onClick={() => window.open(GHOST_CONNECT, '_blank', 'noopener,noreferrer')}
+                fullWidth
+            >
+                Get GHOST Connect
+            </PrimaryButton>
+        </Box>
     )
 }
 
diff --git a/src/components/TopBar/TopBar.jsx b/src/components/TopBar/TopBar.jsx
index bc17a00..df509cb 100644
--- a/src/components/TopBar/TopBar.jsx
+++ b/src/components/TopBar/TopBar.jsx
@@ -38,7 +38,8 @@ function TopBar({
                     display="flex"
                     justifyContent="space-between"
                     alignItems="center"
-                    width={small ? "calc(100vw - 78px)" : "520px"}
+                    width={small ? "calc(100vw - 78px)" : "500px"}
+                    height="40px"
                 >
                     <GhostChainSelect />
                     <SelectNetwork