diff --git a/src/modules/employee-list/components/add-modify-dialog.vue b/src/modules/employee-list/components/add-modify-dialog.vue
index fb3a7e6..ef9fa48 100644
--- a/src/modules/employee-list/components/add-modify-dialog.vue
+++ b/src/modules/employee-list/components/add-modify-dialog.vue
@@ -79,8 +79,8 @@
                 <q-tab-panels
                     v-model="current_step"
                     animated
-                    :transition-prev="$q.screen.lt.sm ? 'jump-down' : 'jump-left'"
-                    :transition-next="$q.screen.lt.sm ? 'jump-up' : 'jump-right'"
+                    :transition-prev="$q.screen.lt.sm ? 'jump-down' : 'jump-right'"
+                    :transition-next="$q.screen.lt.sm ? 'jump-up' : 'jump-left'"
                     class="bg-transparent full-height"
                 >
                     <q-tab-panel
diff --git a/src/modules/profile/components/shared/menu-panel-preferences.vue b/src/modules/profile/components/shared/menu-panel-preferences.vue
index e6c9614..7087a15 100644
--- a/src/modules/profile/components/shared/menu-panel-preferences.vue
+++ b/src/modules/profile/components/shared/menu-panel-preferences.vue
@@ -22,7 +22,8 @@
         </div>
 
         <div
-            class="col-auto row justify-center content-center q-mb-sm q-pa-sm rounded-5"
+            class="col-auto justify-center content-center q-mb-sm q-pa-sm rounded-5"
+            :class="ui_store.is_mobile_mode ? 'column' : 'row'"
             style="border: 1px solid var(--q-accent);"
         >
             <q-item
diff --git a/src/modules/profile/components/shared/menu-template.vue b/src/modules/profile/components/shared/menu-template.vue
index ef6ad45..aa93200 100644
--- a/src/modules/profile/components/shared/menu-template.vue
+++ b/src/modules/profile/components/shared/menu-template.vue
@@ -24,7 +24,7 @@
             class="col-auto"
         />
         
-        <div class="row col full-width">
+        <div class="col full-width" :class="$q.screen.lt.sm ? 'column' : 'row'">
             <div
                 class="col-auto q-pa-xs bg-dark rounded-5 shadow-2"
                 :class="$q.screen.lt.md ? 'q-mb-sm' : 'q-mr-sm'"
@@ -41,7 +41,7 @@
     
             <q-card
                 class="col"
-                :class="$q.screen.lt.md ? 'full-width' : 'q-ml-sm'"
+                :class="$q.screen.lt.sm ? 'full-width' : 'q-ml-sm'"
             >
                 <q-tab-panels
                     v-model="current_menu"
diff --git a/src/modules/shared/components/language-switch.vue b/src/modules/shared/components/language-switch.vue
index b284038..5fde2a1 100644
--- a/src/modules/shared/components/language-switch.vue
+++ b/src/modules/shared/components/language-switch.vue
@@ -18,7 +18,8 @@
 <template>
     <q-list
         dense
-        class="row full-width"
+        class="full-width"
+        :class="ui_store.is_mobile_mode ? 'column' : 'row'"
     >
         <q-item
             v-for="locale in $i18n.availableLocales"
diff --git a/src/pages/profile-page.vue b/src/pages/profile-page.vue
index 8597b81..e010de1 100644
--- a/src/pages/profile-page.vue
+++ b/src/pages/profile-page.vue
@@ -24,7 +24,7 @@ import { onMounted } from 'vue';
     <q-page class="bg-secondary row items-center justify-center">
         <MenuEmployee
             v-if="employee_roles.includes(auth_store.user?.role.toUpperCase() ?? 'GUEST')"
-            class="col-sm-12 col-md-10 col-lg-7 col-xl-5"
+            class="col-xs-12 col-md-10 col-lg-7 col-xl-5"
         />
     </q-page>
 </template>
\ No newline at end of file