From 897933ee07eb63fa8e9205eeba13e87d7b4062f7 Mon Sep 17 00:00:00 2001
From: Jasneet Singh <bhinderjasneetsingh@gmail.com>
Date: Fri, 7 Mar 2025 10:08:55 -0500
Subject: [PATCH] Used default MUI Breakpoints and adjusted spacing between the
 wallet buttons

---
 src/Components/WalletProvider/index.css | 4 ++--
 src/Pages/Settings/index.jsx            | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Components/WalletProvider/index.css b/src/Components/WalletProvider/index.css
index 784c75ace..15fb9d816 100644
--- a/src/Components/WalletProvider/index.css
+++ b/src/Components/WalletProvider/index.css
@@ -31,7 +31,7 @@
 }
 
 /* Responsive fixes */
-@media (max-width: 1093px) {
+@media (max-width: 1200px) { 
 	.wallet-adapter-button {
 		font-size: var(--env-var-font-size-medium) !important;
 		padding: calc((var(--env-var-height-2) - var(--env-var-font-size-medium) * 1.2) / 2)
@@ -40,7 +40,7 @@
 	}
 }
 
-@media (max-width: 910px) {
+@media (max-width: 900px) { 
   .wallet-adapter-modal-wrapper {
     flex-direction: column !important;
   }
diff --git a/src/Pages/Settings/index.jsx b/src/Pages/Settings/index.jsx
index 34a82204c..ab3799e76 100644
--- a/src/Pages/Settings/index.jsx
+++ b/src/Pages/Settings/index.jsx
@@ -371,7 +371,7 @@ const Settings = () => {
 								monitor to connect to multiple nodes globally.
 							</Typography>
 						</Box>
-						<Box>
+						<Box sx={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-start', gap: 2 }}>
 							<Stack
 								direction="row"
 								spacing={2}