diff --git a/src/UI/Base/Page.svelte b/src/UI/Base/Page.svelte
index 9a12e3c38a..ecc3875dcc 100644
--- a/src/UI/Base/Page.svelte
+++ b/src/UI/Base/Page.svelte
@@ -20,8 +20,12 @@
   if (fullscreen) {
     dialogClass += " h-full-child"
   }
-  let bodyClass = "h-full p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain"
+  export let bodyPadding = "p-4 md:p-5 "
+  let bodyClass = bodyPadding+" h-full space-y-4 flex-1 overflow-y-auto overscroll-contain"
+
   let headerClass = "flex justify-between items-center p-2 px-4 md:px-5 rounded-t-lg";
+
+
 </script>
 
 {#if !onlyLink}
diff --git a/src/UI/BigComponents/MenuDrawer.svelte b/src/UI/BigComponents/MenuDrawer.svelte
index a65c7f69e4..445e51c88f 100644
--- a/src/UI/BigComponents/MenuDrawer.svelte
+++ b/src/UI/BigComponents/MenuDrawer.svelte
@@ -95,7 +95,7 @@
     </LoginToggle>
 
 
-    <Page {onlyLink} shown={pg.usersettings}>
+    <Page {onlyLink} shown={pg.usersettings} bodyPadding="p-0">
       <svelte:fragment slot="header">
         <CogIcon/>
         <Tr t={UserRelatedState.usersettingsConfig.title.GetRenderValue({})} />