diff --git a/src/components/auth/AuthLayout.vue b/src/components/auth/AuthLayout.vue
index dc7efe1d8..503ab8754 100644
--- a/src/components/auth/AuthLayout.vue
+++ b/src/components/auth/AuthLayout.vue
@@ -67,5 +67,11 @@ export default {
     width: 100%;
     max-width: 600px;
   }
+
+  &__options {
+    @include media-breakpoint-down(xs) {
+      flex-direction: column;
+    }
+  }
 }
 </style>
diff --git a/src/components/auth/login/Login.vue b/src/components/auth/login/Login.vue
index ec3451c20..f75184873 100644
--- a/src/components/auth/login/Login.vue
+++ b/src/components/auth/login/Login.vue
@@ -16,7 +16,7 @@
     :error-messages="passwordErrors"
   />
 
-  <div class="d-flex align--center justify--space-between">
+  <div class="auth-layout__options d-flex align--center justify--space-between">
     <va-checkbox v-model="keepLoggedIn" class="mb-0" :label="$t('auth.keep_logged_in')"/>
     <router-link class="ml-1 link" :to="{name: 'recover-password'}">{{$t('auth.recover_password')}}</router-link>
   </div>
diff --git a/src/components/auth/signup/Signup.vue b/src/components/auth/signup/Signup.vue
index 67632387a..04a80194f 100644
--- a/src/components/auth/signup/Signup.vue
+++ b/src/components/auth/signup/Signup.vue
@@ -16,7 +16,7 @@
     :error-messages="passwordErrors"
   />
 
-  <div class="d-flex align--center justify--space-between">
+  <div class="auth-layout__options d-flex align--center justify--space-between">
     <va-checkbox
       v-model="agreedToTerms"
       class="mb-0"
@@ -72,5 +72,4 @@ export default {
 </script>
 
 <style lang="scss">
-
 </style>