diff --git a/HydeFront-v4-plan.md b/HydeFront-v4-plan.md
index 0a0e2d0960c..ba9eaf37e2a 100644
--- a/HydeFront-v4-plan.md
+++ b/HydeFront-v4-plan.md
@@ -121,3 +121,4 @@ This plan maintains backward compatibility through the CDN while providing a mor
 Lists all the changes made to the codebase to implement the new component system in order to make the changelog later on, and to keep track of the changes.
 
 - Remove x-cloak style from app CSS as we have it in the head HTML
+- Removed x-uncloak-md class, replaced with pure Tailwind
diff --git a/packages/framework/resources/views/layouts/navigation.blade.php b/packages/framework/resources/views/layouts/navigation.blade.php
index 452e53d62fb..5c29a8871e7 100644
--- a/packages/framework/resources/views/layouts/navigation.blade.php
+++ b/packages/framework/resources/views/layouts/navigation.blade.php
@@ -32,8 +32,9 @@
         </button>
     </div>
 
-    <div id="main-navigation-links" class="w-full x-uncloak-md md:flex flex-grow md:flex-grow-0 md:items-center md:w-auto px-6 -mx-4 border-t mt-3 pt-3 md:border-none md:mt-0 md:py-0 border-gray-200 dark:border-gray-700"
-         :class="navigationOpen ? '' : 'hidden'" x-cloak>
+    <div id="main-navigation-links" 
+         class="w-full hidden md:flex flex-grow md:flex-grow-0 md:items-center md:w-auto px-6 -mx-4 border-t mt-3 pt-3 md:border-none md:mt-0 md:py-0 border-gray-200 dark:border-gray-700"
+         :class="navigationOpen ? '!block' : ''">
         <ul aria-label="Navigation links" class="md:flex-grow md:flex justify-end">
             @foreach ($navigation->getItems() as $item)
                 <li class="md:mx-2">
diff --git a/packages/hydefront/sass/utilities/alpine.scss b/packages/hydefront/sass/utilities/alpine.scss
index 11b2deaaa58..e69de29bb2d 100644
--- a/packages/hydefront/sass/utilities/alpine.scss
+++ b/packages/hydefront/sass/utilities/alpine.scss
@@ -1,3 +0,0 @@
-@media screen and (min-width: 768px) {
-	[x-cloak].x-uncloak-md { display: revert !important; }
-}