fix: fix sticky button

MetaMask · Jun 11, 2024 · 0632096 · 0632096
1 parent bd9724e
commit 0632096
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/ui/components/multichain/network-list-menu/index.scss b/ui/components/multichain/network-list-menu/index.scss
@@ -8,3 +8,9 @@
   max-height: 100%;
   overflow: auto;
 }
+
+.sticky-button-container {
+  position: sticky;
+  bottom: 0;
+}
+
diff --git a/ui/components/multichain/network-list-menu/network-list-menu.js b/ui/components/multichain/network-list-menu/network-list-menu.js
@@ -455,7 +455,9 @@ export const NetworkListMenu = ({ onClose }) => {
             className="sticky-button-container"
             backgroundColor={BackgroundColor.backgroundDefault}
             textAlign={TextAlign.Center}
-            padding={4}
+            paddingTop={4}
+            paddingRight={4}
+            paddingLeft={4}
           >
             <ButtonSecondary
               size={ButtonSecondarySize.Lg}