diff --git a/apps/readest-app/src/app/reader/components/PageInfo.tsx b/apps/readest-app/src/app/reader/components/PageInfo.tsx
index 5d28cf90..ec4811a7 100644
--- a/apps/readest-app/src/app/reader/components/PageInfo.tsx
+++ b/apps/readest-app/src/app/reader/components/PageInfo.tsx
@@ -17,7 +17,7 @@ const PageInfo: React.FC<PageInfoProps> = ({ bookFormat, section, pageinfo }) =>
         : '';
 
   return (
-    <div className='pageinfo absolute bottom-0 left-0 right-0 flex h-12 items-center justify-center'>
+    <div className='pageinfo absolute bottom-0 left-0 right-0 flex h-12 items-center justify-end pr-[4%]'>
       <h2 className='px-2 text-center font-sans text-xs font-extralight text-slate-500'>
         {pageInfo}
       </h2>
diff --git a/apps/readest-app/src/app/reader/components/SectionInfo.tsx b/apps/readest-app/src/app/reader/components/SectionInfo.tsx
index b313a0f5..a156e380 100644
--- a/apps/readest-app/src/app/reader/components/SectionInfo.tsx
+++ b/apps/readest-app/src/app/reader/components/SectionInfo.tsx
@@ -6,11 +6,8 @@ interface SectionInfoProps {
 
 const SectionInfo: React.FC<SectionInfoProps> = ({ chapter }) => {
   return (
-    <div className='pageinfo absolute left-[4%] right-0 top-0 flex h-9 items-end'>
-      <h2
-        className='text-center font-sans font-extralight text-slate-500'
-        style={{ fontSize: '10px' }}
-      >
+    <div className='pageinfo absolute left-[4%] right-0 top-0 flex h-8 items-end'>
+      <h2 className='text-center font-sans font-light text-slate-500' style={{ fontSize: '10px' }}>
         {chapter || ''}
       </h2>
     </div>