diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index 48b0aae0..e0c95981 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -321,7 +321,7 @@ provide<BewlyAppProvider>('BEWLY_APP', {
         <OverlayScrollbarsComponent ref="scrollbarRef" element="div" h-inherit defer @os-scroll="handleOsScroll">
           <main m-auto max-w="$bew-page-max-width">
             <div
-              p="t-[calc(var(--bew-top-bar-height)+10px)]" m-auto
+              p="t-[calc(var(--bew-top-bar-height)+20px)]" m-auto
               w="lg:[calc(100%-200px)] [calc(100%-150px)]"
             >
               <!-- control button group -->
diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index f1b00eff..2584b539 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -191,7 +191,7 @@ function toggleTabContentLoading(loading: boolean) {
       </Transition>
 
       <header
-        pos="sticky top-[calc(var(--bew-top-bar-height)+10px)]" w-full z-9 mb-4 duration-300
+        pos="sticky top-[calc(var(--bew-top-bar-height)+20px)]" w-full z-9 mb-4 duration-300
         ease-in-out flex="~ justify-between items-start gap-4"
         :class="{ hide: shouldMoveTabsUp }"
       >