diff --git a/packages/typescriptlang-org/src/templates/documentation.tsx b/packages/typescriptlang-org/src/templates/documentation.tsx
index 0cae8d84ece4..f26fd1bc0b8b 100644
--- a/packages/typescriptlang-org/src/templates/documentation.tsx
+++ b/packages/typescriptlang-org/src/templates/documentation.tsx
@@ -96,7 +96,7 @@ const HandbookTemplate: React.FC<Props> = (props) => {
       <section id="doc-layout" >
         <SidebarToggleButton />
 
-        <div className="page-popup" id="page-helpful-popup" style={{ opacity: 0 }}>
+        <div className="page-popup" id="page-helpful-popup" style={{ opacity: 0, visibility: 'hidden' }}>
           <p>Was this page helpful?</p>
           <div>
             <button className="first" id="like-button-popup" title="Like this page"><LikeUnfilledSVG /></button>
diff --git a/packages/typescriptlang-org/src/templates/scripts/setupLikeDislikeButtons.ts b/packages/typescriptlang-org/src/templates/scripts/setupLikeDislikeButtons.ts
index 027270497f81..23ac4b39f07f 100644
--- a/packages/typescriptlang-org/src/templates/scripts/setupLikeDislikeButtons.ts
+++ b/packages/typescriptlang-org/src/templates/scripts/setupLikeDislikeButtons.ts
@@ -57,11 +57,13 @@ export const setupLikeDislikeButtons = (slug: string, i: any) => {
       if (popup.style.opacity != popupOpacity) {
         // popup.style.display = bottomOfWindow ? "block" : "none"
         popup.style.opacity = popupOpacity
+        popup.style.visibility = bottomOfWindow ? "visible" : "hidden"
       }
 
       const navOpacity = bottomOfWindow ? "0" : "1"
       if (nav.style.opacity != navOpacity) {
         nav.style.opacity = navOpacity
+        nav.style.visibility = bottomOfWindow ? "hidden" : "visible"
       }
     },
     { passive: true, capture: true }