From 64166d25394df499e46ff540deb55b8410a61f3c Mon Sep 17 00:00:00 2001
From: Jasneet Singh <bhinderjasneetsingh@gmail.com>
Date: Mon, 24 Feb 2025 18:51:33 -0500
Subject: [PATCH] updated

---
 src/Pages/Settings/index.jsx | 46 +++++++++++++++++++++++++-----------
 1 file changed, 32 insertions(+), 14 deletions(-)

diff --git a/src/Pages/Settings/index.jsx b/src/Pages/Settings/index.jsx
index dbc59073d..b7104d71e 100644
--- a/src/Pages/Settings/index.jsx
+++ b/src/Pages/Settings/index.jsx
@@ -373,28 +373,46 @@ const Settings = () => {
 						</Box>
 						<Box
 							sx={{
-								display: "flex",
-								flexWrap: "wrap",
-								justifyContent: "center",
-								gap: theme.spacing(2)
+								display: 'flex',
+								flexWrap: 'wrap',
+								gap: theme.spacing(2),
+								mt: theme.spacing(4),
 							}}
 						>
 							<WalletMultiButton
 								sx={{
-									width: { xs: "100%", sm: "auto" }, 
-									minWidth: "fit-content", 
-									maxWidth: "100%", 
-									whiteSpace: "nowrap",
-									padding: theme.spacing(1, 3), 
+									minWidth: theme.spacing(32),
+									height: theme.spacing(10),
+									fontSize: theme.typography.body2.fontSize,
+									fontWeight: theme.typography.fontWeightMedium,
+									'&:not(:disabled)': {
+										backgroundColor: theme.palette.accent.main,
+										'&:hover': {
+											backgroundColor: theme.palette.accent.dark,
+										},
+									},
+									[theme.breakpoints.down('sm')]: {
+										minWidth: '100%',
+										fontSize: theme.typography.body2.fontSize,
+									},
 								}}
 							/>
 							<WalletDisconnectButton
 								sx={{
-									width: { xs: "100%", sm: "auto" },
-									minWidth: "fit-content",
-									maxWidth: "100%",
-									whiteSpace: "nowrap",
-									padding: theme.spacing(1, 3),
+									minWidth: theme.spacing(32),
+									height: theme.spacing(10),
+									fontSize: theme.typography.body2.fontSize,
+									fontWeight: theme.typography.fontWeightMedium,
+									'&:not(:disabled)': {
+										backgroundColor: theme.palette.error.main,
+										'&:hover': {
+											backgroundColor: theme.palette.error.dark,
+										},
+									},
+									[theme.breakpoints.down('sm')]: {
+										minWidth: '100%',
+										fontSize: theme.typography.body2.fontSize,
+									},
 								}}
 							/>
 						</Box>