diff --git a/src/client/index.html b/src/client/index.html
index 35736cf21..f7f76bc02 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -99,6 +99,11 @@
           display: none;
         }
       }
+
+      /* display:none if child has class parent-hidden since we can't use shadow DOM in Lit due to Tailwind */
+      .component-hideable:has(> .parent-hidden) {
+        display: none;
+      }
     </style>
 
     <!-- Immediate execution to prevent FOUC -->
@@ -224,7 +229,9 @@
         <div class="container__row">
           <flag-input class="w-[20%] md:w-[15%]"></flag-input>
           <username-input class="relative w-full"></username-input>
-          <news-button class="w-[20%] md:w-[15%]"></news-button>
+          <news-button
+            class="w-[20%] md:w-[15%] component-hideable"
+          ></news-button>
         </div>
         <div></div>
         <div>