diff --git a/apps/desktop/layer/renderer/src/modules/settings/control.tsx b/apps/desktop/layer/renderer/src/modules/settings/control.tsx
index 6a9e8d762..e6707d5a8 100644
--- a/apps/desktop/layer/renderer/src/modules/settings/control.tsx
+++ b/apps/desktop/layer/renderer/src/modules/settings/control.tsx
@@ -211,7 +211,7 @@ export const SettingActionItem = ({
   action: () => void
   buttonText: string
 }) => (
-  <div className={cn("relative mb-3 mt-4 flex items-center justify-between gap-4")}>
+  <div className={cn("relative mb-2 mt-4 flex items-center justify-between gap-4")}>
     <div className="text-sm font-medium">
       {typeof label === "string" ? titleCase(label) : label}
     </div>
diff --git a/apps/desktop/layer/renderer/src/modules/settings/tabs/appearance.tsx b/apps/desktop/layer/renderer/src/modules/settings/tabs/appearance.tsx
index c791bb85b..862c79ba2 100644
--- a/apps/desktop/layer/renderer/src/modules/settings/tabs/appearance.tsx
+++ b/apps/desktop/layer/renderer/src/modules/settings/tabs/appearance.tsx
@@ -376,7 +376,7 @@ const CustomCSS = () => {
         }}
         buttonText={t("appearance.custom_css.button")}
       />
-      <SettingDescription className="-mt-3">
+      <SettingDescription className="-mt-2">
         {t("appearance.custom_css.description")}
       </SettingDescription>
     </>