diff --git a/static/src/components/personalization/PersonalizationDrawer.vue b/static/src/components/personalization/PersonalizationDrawer.vue
index f05e875..59c249b 100644
--- a/static/src/components/personalization/PersonalizationDrawer.vue
+++ b/static/src/components/personalization/PersonalizationDrawer.vue
@@ -2019,7 +2019,7 @@ const applyThemeOption = async (theme: ThemeKey) => {
   position: relative;
   width: min(70vw, calc(100vw - 24px));
   height: min(80vh, calc(100vh - 24px));
-  padding: 38px 42px 44px;
+  padding: 30px 42px 24px;
   border-radius: 32px;
   overflow: visible;
   background: var(--theme-surface-soft, var(--claude-panel));
@@ -2036,7 +2036,7 @@ const applyThemeOption = async (theme: ThemeKey) => {
 
 .settings-close-button {
   position: absolute;
-  top: 31px;
+  top: 27px;
   left: 45px;
   width: 42px;
   height: 42px;
@@ -2166,7 +2166,7 @@ const applyThemeOption = async (theme: ThemeKey) => {
 .settings-redesign-title-line {
   height: 1px;
   background: var(--theme-control-border, var(--claude-border));
-  margin: 22px 0 12px;
+  margin: 22px 0 8px;
   flex: 0 0 1px;
 }
 
@@ -2176,7 +2176,7 @@ const applyThemeOption = async (theme: ThemeKey) => {
   overflow-y: auto;
   overflow-x: visible;
   padding-right: 18px;
-  padding-bottom: 80px;
+  padding-bottom: 28px;
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
@@ -2790,7 +2790,7 @@ const applyThemeOption = async (theme: ThemeKey) => {
 
   .settings-close-button {
     left: 27px;
-    top: 24px;
+    top: 20px;
   }
 
   .settings-redesign-layout {