diff --git a/assets/pages/settings.vue b/assets/pages/settings.vue
index 92109781..b3765253 100644
--- a/assets/pages/settings.vue
+++ b/assets/pages/settings.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="mt-10 flex flex-col gap-8 px-10">
+  <div class="mt-10 flex flex-col gap-8 px-4 md:px-8">
     <section>
       <div class="has-underline">
         <h2>{{ $t("settings.about") }}</h2>