diff --git a/layouts/docs.vue b/layouts/docs.vue
index b325e04b..db73d6b5 100644
--- a/layouts/docs.vue
+++ b/layouts/docs.vue
@@ -3,7 +3,7 @@ const isNavOpen = ref<boolean>(false);
 
 useHead({
     htmlAttrs: {
-        class: 'scroll-pt-16',
+        class: 'scroll-pt-32 lg:scroll-pt-20',
     },
 });
 </script>
diff --git a/layouts/landing.vue b/layouts/landing.vue
index ed67025a..5a3c4f59 100644
--- a/layouts/landing.vue
+++ b/layouts/landing.vue
@@ -3,7 +3,7 @@ const isNavOpen = ref<boolean>(false);
 
 useHead({
     htmlAttrs: {
-        class: 'scroll-pt-20 lg:scroll-pt-4',
+        class: 'scroll-pt-20 lg:scroll-pt-24',
     },
 });
 </script>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 918450d5..ea84e679 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -13,9 +13,10 @@ export default <Config> {
     "./error.vue",
   ],
   safelist: [
-    'scroll-pt-16',
     'scroll-pt-20',
+    'scroll-pt-32',
     'lg:scroll-pt-4',
+    'lg:scroll-pt-20',
     'lg:scroll-pt-24',
   ],
   theme: {