diff --git a/index.html b/index.html
index e32d1d0..5eba8f9 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
   </head>
   <body class="min-h-screen flex 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 id="app"></div>
       </div>
     </div>
diff --git a/src/App.vue b/src/App.vue
index fc3a2c8..b8ef657 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,7 +88,7 @@ watch(
 
 <template>
   <div :style="{ display: visible ? 'inherit' : 'none' }">
-    <div class="card bg-base-100 w-xl max-w-xl shrink-0 shadow-2xl">
+    <div class="card bg-base-100 w-xl max-w-svw shrink-0 shadow-2xl">
       <div class="card-body">
         <h1 class="text-5xl font-bold font-doto">
           <span
