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}