diff --git a/templates/base.html b/templates/base.html
index d457eca..a8871d8 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,6 +8,9 @@
   <script src="https://cdn.tailwindcss.com"></script>
   <!-- Alpine.js -->
   <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+  <style>
+    [x-cloak] { display: none !important; }
+  </style>
 </head>
 <body class="h-screen flex flex-col m-0 bg-slate-50 text-slate-900">
   <header class="border-b bg-white">
diff --git a/templates/dashboard.html b/templates/dashboard.html
index 9c053fb..ffd907b 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -111,6 +111,7 @@
           </div>
           
           <div x-show="showCompletedModal"
+               x-cloak
                x-transition
                class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
                @click.self="showCompletedModal = false">
@@ -166,6 +167,7 @@
           </div>
           
           <div x-show="showPendingModal"
+               x-cloak
                x-transition
                class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
                @click.self="showPendingModal = false">
