diff --git a/resources/ts/App.vue b/resources/ts/App.vue
index 1b9cf69..0c88710 100644
--- a/resources/ts/App.vue
+++ b/resources/ts/App.vue
@@ -20,10 +20,10 @@ onMounted(() => {
 <template>
     <main
         :style="{ display: visible ? 'flex' : 'none' }"
-        class="min-h-screen flex-col"
+        class="min-h-screen flex-col w-screen"
     >
         <div class="hero bg-base-200 grow">
-            <div class="hero-content text-center">
+            <div class="hero-content text-center p-0">
                 <div
                     class="max-w-md min-w-96 bg-base-100 rounded-box shadow-md"
                 >