diff --git a/resources/js/layouts/settings/layout.tsx b/resources/js/layouts/settings/layout.tsx
index f6e079e01..335fb0697 100644
--- a/resources/js/layouts/settings/layout.tsx
+++ b/resources/js/layouts/settings/layout.tsx
@@ -21,7 +21,7 @@ export default function SettingsLayout({ children }: PropsWithChildren) {
                 />
             </div>
 
-            <div className="divide-y [view-transition-class:tab-content] [view-transition-name:settings-content]">
+            <div className="divide-y [view-transition-class:tab-content] [view-transition-name:settings-content] [&_[id]]:scroll-mt-28">
                 {children}
             </div>
         </>