src/components/comment/CommentContent.tsx

@@ -21,9 +21,9 @@ export const CommentContent = ({ content }: CommentContentProps) => {
       <p className='IBMSMSMBSSCL_CBText'>
         <NoteRender content={text} />
       </p>
-      {isTextOverflowing && (
+      {isTextOverflowing && !isExpanded && (
         <div className='IBMSMSMBSSCL_CBExpand' onClick={toggle}>
-          <p>{isExpanded ? 'Hide' : 'View'} full post</p>
+          <p>View full post</p>
         </div>
       )}
     </>

src/hooks/useScrollDisable.ts

@@ -2,10 +2,16 @@ import { useEffect } from 'react'
 
 export const useBodyScrollDisable = (disable: boolean) => {
   useEffect(() => {
-    if (disable) document.body.style.overflow = 'hidden'
+    const initialOverflow = document.body.style.overflow
+
+    if (disable && initialOverflow !== 'hidden') {
+      document.body.style.overflow = 'hidden'
+    }
 
     return () => {
-      document.body.style.overflow = ''
+      if (initialOverflow !== 'hidden') {
+        document.body.style.overflow = initialOverflow
+      }
     }
   }, [disable])
 }