diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
index ffdd7b5d..a8d712df 100644
--- a/src/pages/settings.tsx
+++ b/src/pages/settings.tsx
@@ -76,11 +76,8 @@ const SettingPage = () => {
         <Grid item xs={12} md={6}>
           <Box
             sx={{
-              margin: "0px 10px",
-              marginTop: "10px",
-              marginRight: "5px",
-              borderRadius: "10px",
-              marginBottom: 2,
+              borderRadius: 2,
+              marginBottom: 1.5,
               backgroundColor: isDark ? "#282a36" : "#ffffff",
             }}
           >
@@ -88,11 +85,7 @@ const SettingPage = () => {
           </Box>
           <Box
             sx={{
-              margin: "0px 10px",
-              marginTop: "10px",
-              marginRight: "5px",
-              borderRadius: "10px",
-              marginBottom: 2,
+              borderRadius: 2,
               backgroundColor: isDark ? "#282a36" : "#ffffff",
             }}
           >
@@ -102,11 +95,8 @@ const SettingPage = () => {
         <Grid item xs={12} md={6}>
           <Box
             sx={{
-              margin: "0px 10px",
-              marginTop: "10px",
-              marginLeft: "5px",
-              borderRadius: "10px",
-              marginBottom: 2,
+              borderRadius: 2,
+              marginBottom: 1.5,
               backgroundColor: isDark ? "#282a36" : "#ffffff",
             }}
           >
@@ -114,11 +104,7 @@ const SettingPage = () => {
           </Box>
           <Box
             sx={{
-              margin: "0px 10px",
-              marginTop: "10px",
-              marginLeft: "5px",
-              borderRadius: "10px",
-              marginBottom: 2,
+              borderRadius: 2,
               backgroundColor: isDark ? "#282a36" : "#ffffff",
             }}
           >