diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index 335e3c0..01b58e5 100644
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@@ -48,7 +48,7 @@ export default {
 </script>
 
 <template>
-  <div class="mx-auto w-[35rem] p-5 py-3 bg-ctp-crust rounded-md text-white">
+  <div class="mx-auto w-[35rem] max-w-[95vw]  p-5 py-3 bg-ctp-crust rounded-md text-white">
     <h1 class="font-bold text-3xl">{{ $t("nav.settings") }}</h1>
     <hr class="my-2" />
     <ul class="w-full space-y-1">