diff --git a/pkg/views/src/views/auth/connect.vue b/pkg/views/src/views/auth/connect.vue
index 361b858..e7285e3 100644
--- a/pkg/views/src/views/auth/connect.vue
+++ b/pkg/views/src/views/auth/connect.vue
@@ -1,6 +1,6 @@
 <template>
   <v-container class="h-screen flex flex-col gap-3 items-center justify-center">
-    <v-card class="w-full max-w-[720px]" :loading="loading">
+    <v-card class="w-full max-w-[720px] overflow-auto" :loading="loading">
       <v-card-text class="card-grid pa-9">
         <div>
           <v-avatar color="accent" icon="mdi-connection" size="large" class="card-rounded mb-2" />
diff --git a/pkg/views/src/views/auth/sign-in.vue b/pkg/views/src/views/auth/sign-in.vue
index 1001690..dfa9fe8 100644
--- a/pkg/views/src/views/auth/sign-in.vue
+++ b/pkg/views/src/views/auth/sign-in.vue
@@ -2,7 +2,7 @@
   <v-container class="h-screen flex flex-col gap-3 items-center justify-center">
     <callback-notify />
 
-    <v-card class="w-full max-w-[720px]" :loading="loading">
+    <v-card class="w-full max-w-[720px] overflow-auto" :loading="loading">
       <v-card-text class="card-grid pa-9">
         <div>
           <v-avatar color="accent" icon="mdi-login-variant" size="large" class="card-rounded mb-2" />
diff --git a/pkg/views/src/views/auth/sign-up.vue b/pkg/views/src/views/auth/sign-up.vue
index d807f5f..a206dc3 100644
--- a/pkg/views/src/views/auth/sign-up.vue
+++ b/pkg/views/src/views/auth/sign-up.vue
@@ -2,7 +2,7 @@
   <v-container class="h-screen flex flex-col gap-3 items-center justify-center">
     <callback-notify />
 
-    <v-card class="w-full max-w-[720px]" :loading="loading">
+    <v-card class="w-full max-w-[720px] overflow-auto" :loading="loading">
       <v-card-text class="card-grid pa-9">
         <div>
           <v-avatar color="accent" icon="mdi-login-variant" size="large" class="card-rounded mb-2" />
diff --git a/pkg/views/src/views/confirm.vue b/pkg/views/src/views/confirm.vue
index 640023e..c16b984 100644
--- a/pkg/views/src/views/confirm.vue
+++ b/pkg/views/src/views/confirm.vue
@@ -1,6 +1,6 @@
 <template>
   <v-container class="h-screen flex flex-col gap-3 items-center justify-center">
-    <v-card class="w-full max-w-[720px]" :loading="loading">
+    <v-card class="w-full max-w-[720px] overflow-auto" :loading="loading">
       <v-card-text class="card-grid pa-9">
         <div>
           <v-avatar color="accent" icon="mdi-check-decagram" size="large" class="card-rounded mb-2" />