diff --git a/apps/readest-app/src/app/reader/components/PageInfo.tsx b/apps/readest-app/src/app/reader/components/PageInfo.tsx
index f841963d..d890ed99 100644
--- a/apps/readest-app/src/app/reader/components/PageInfo.tsx
+++ b/apps/readest-app/src/app/reader/components/PageInfo.tsx
@@ -45,7 +45,7 @@ const PageInfoView: React.FC<PageInfoProps> = ({
       className={clsx(
         'pageinfo absolute bottom-0 flex items-center justify-end',
         isVertical ? 'writing-vertical-rl' : 'h-12 w-full',
-        isScrolled && 'bg-base-100',
+        isScrolled && !isVertical && 'bg-base-100',
       )}
       style={
         isVertical
diff --git a/apps/readest-app/src/app/reader/components/SectionInfo.tsx b/apps/readest-app/src/app/reader/components/SectionInfo.tsx
index a945ad01..f58a52b6 100644
--- a/apps/readest-app/src/app/reader/components/SectionInfo.tsx
+++ b/apps/readest-app/src/app/reader/components/SectionInfo.tsx
@@ -23,7 +23,7 @@ const SectionInfo: React.FC<SectionInfoProps> = ({
       className={clsx(
         'sectioninfo absolute flex items-center overflow-hidden',
         isVertical ? 'writing-vertical-rl max-h-[85%]' : 'top-0 h-[44px]',
-        isScrolled && 'bg-base-100',
+        isScrolled && !isVertical && 'bg-base-100',
       )}
       style={
         isVertical