diff --git a/components/JumpToTopButton.js b/components/JumpToTopButton.js
index 0a4e28ee..c95c3111 100644
--- a/components/JumpToTopButton.js
+++ b/components/JumpToTopButton.js
@@ -21,7 +21,7 @@ const JumpToTopButton = ({ showPercent = true, percent }) => {
         <div className='dark:text-gray-200' title={locale.POST.TOP} >
           <FontAwesomeIcon icon={faArrowUp} />
         </div>
-        {showPercent && (<div className='text-xs dark:text-gray-200'>{percent}%</div>)}
+        {showPercent && (<div className='text-xs dark:text-gray-200 block lg:hidden'>{percent}%</div>)}
     </div>)
 }
 
diff --git a/layouts/BaseLayout.js b/layouts/BaseLayout.js
index c7218e86..d4b5b572 100644
--- a/layouts/BaseLayout.js
+++ b/layouts/BaseLayout.js
@@ -96,8 +96,8 @@ const BaseLayout = ({
           <SideAreaRight targetRef={targetRef} post={post} slot={rightAreaSlot} postCount={postCount} tags={tags} currentSearch={currentSearch} currentTag={currentTag} categories={categories} currentCategory={currentCategory}/>
       </main>
 
-      <div className='right-4 bottom-2 fixed justify-end z-20 glassmorphism rounded font-sans'>
-      <div className={(show ? 'animate__animated ' : 'hidden') + ' m-3 animate__fadeInUp justify-center duration-500  animate__faster flex space-x-2 items-center cursor-pointer '}>
+      <div className='right-4 lg:right-2 bottom-2 fixed justify-end z-20  rounded font-sans'>
+      <div className={(show ? 'animate__animated ' : 'hidden') + ' px-3 py-2 animate__fadeInUp glassmorphism justify-center duration-500  animate__faster flex space-x-2 items-center cursor-pointer '}>
         <JumpToTopButton percent={percent}/>
         <JumpToBottomButton />
         <FloatDarkModeButton/>