diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e825b5493..00c8b7b87 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -2,7 +2,7 @@
 @section('body')
     @parent
     <x-navbar />
-    <div class="fixed top-3 left-4" id="vue">
+    <div class="fixed top-3 left-4 z-50" id="vue">
         <magic-bar></magic-bar>
     </div>
     <main class="main max-w-screen-2xl">
diff --git a/resources/views/layouts/subscription.blade.php b/resources/views/layouts/subscription.blade.php
index 2feb5199b..1ece2d7ee 100644
--- a/resources/views/layouts/subscription.blade.php
+++ b/resources/views/layouts/subscription.blade.php
@@ -2,7 +2,7 @@
 @section('body')
     @parent
     @if (isSubscriptionOnGracePeriod())
-        <div class="fixed top-3 left-4" id="vue">
+        <div class="fixed top-3 left-4 z-50" id="vue">
             <magic-bar></magic-bar>
         </div>
         <x-navbar />