diff --git a/apps/web/src/components/toggle/index.js b/apps/web/src/components/toggle/index.js
index 5959095b2..e99604ee5 100644
--- a/apps/web/src/components/toggle/index.js
+++ b/apps/web/src/components/toggle/index.js
@@ -28,7 +28,7 @@ function Toggle(props) {
         ":hover": { borderBottomColor: "primary" },
       }}
     >
-      <Tip text={title} tip={isToggled ? onTip : offTip} />
+      <Tip text={title} tip={isToggled ? onTip : offTip} sx={{ mr: 2 }} />
       <Switch onClick={onClick} checked={isToggled} />
     </Flex>
   );
diff --git a/apps/web/src/views/settings.js b/apps/web/src/views/settings.js
index 97adf03a7..f503b5b15 100644
--- a/apps/web/src/views/settings.js
+++ b/apps/web/src/views/settings.js
@@ -176,7 +176,7 @@ function Settings(props) {
           <AccountStatus user={user} />
         ) : (
           <Flex
-            p={1}
+            py={1}
             sx={{ borderRadius: "default", cursor: "pointer" }}
             onClick={async () => {
               hardNavigate("/login", { redirect: "/settings" });