diff --git a/src/views/main/Register.vue b/src/views/main/Register.vue
index a527f71..8d67106 100644
--- a/src/views/main/Register.vue
+++ b/src/views/main/Register.vue
@@ -5,7 +5,7 @@
       <div class="max-w-[700px] min-w-[300px] mt-14">
         <img class="rounded-none sm:rounded-2xl sm:w-full mr-8" src="/images/hutopymedia/loginpage/loginhutopy.png" alt="hutopy login">
       </div>
-      <div class="flex flex-col items-center min-w-[700px] m-12">
+      <div class="flex flex-col items-center min-w-[300px] sm:min-w-[400px] md:min-w-[500px] lg:min-w-[700px] m-12">
         <register-form></register-form>
       </div>
     </div>
diff --git a/src/views/main/RegisterForm.vue b/src/views/main/RegisterForm.vue
index 7019206..c347663 100644
--- a/src/views/main/RegisterForm.vue
+++ b/src/views/main/RegisterForm.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="flex flex-col items-center min-w-[700px] m-4">
+    <div class="flex flex-col items-center min-w-[300px] sm:min-w-[400px] md:min-w-[500px] lg:min-w-[700px] m-4">
       <h1 class="text-center text-2xl font-bold mb-5">Inscription</h1>
       <div class="w-full h-0.5 mt-4 mb-4" :style="{ backgroundColor: '#A30E79' }"></div>
       <div class="w-full">