diff --git a/src/components/settings/SettingsView.vue b/src/components/settings/SettingsView.vue
index 5189201..c132377 100644
--- a/src/components/settings/SettingsView.vue
+++ b/src/components/settings/SettingsView.vue
@@ -42,7 +42,7 @@ const pages = ref([
     <h2 class="text-4xl font-bold ">Настройки</h2>
 
     <div class="xl:grid xl:grid-cols-8 w-full h-full ">
-      <div class=" hidden xl:flex flex-row items-center justify-end col-start-2 col-span-1 ">
+      <div class=" hidden xl:flex flex-row items-start justify-end col-start-2 col-span-1 ">
         <ul class="  flex-col  gap-1 ">
           <li v-for="page in pages" :key="page.code"
               class="flex flex-row gap-2 p-2 hover:bg-emerald-100 hover:text-emerald-700 hover:rounded-md items-center"
@@ -52,11 +52,10 @@ const pages = ref([
         </ul>
         <Divider layout="vertical"/>
       </div>
-      <div class="flex xl:hidden sm:col-span-1 w-full h-fit p-2 mb-2 overflow-y-scroll outline outline-1 outline-gray-300 rounded-xl">
-        <ul class=" min-w-fit w-full">
-
+      <div class="flex xl:hidden sm:col-span-1  w-full h-fit p-2 mb-2 overflow-y-scroll outline outline-1 outline-gray-300 rounded-xl">
+        <ul class=" min-w-fit w-full items-start">
           <li v-for="page in pages"
-              class=" flex flex-row gap-2  items-center px-2 py-2 hover:bg-blue-50 rounded-md line-clamp-1 w-full"
+              class=" flex flex-row gap-2   px-2 py-2 hover:bg-blue-50 rounded-md line-clamp-1 w-full"
               :class="selectedModeCode == page.code ? '!bg-emerald-50 text-emerald-700': '' " @click="selectedModeCode=page.code">
             <i :class="page.icon"/>{{ page.title }}
           </li>