фикс

src/views/ProfileView.vue

@@ -110,15 +110,12 @@
             <div class="tabs-container">
               <button class="tab-btn" :class="{ 'active': activeTab === 'info' }" @click="activeTab = 'info'">
                 <i class="bi-person-lines-fill"></i>
-                <span>Информация</span>
               </button>
               <button class="tab-btn" :class="{ 'active': activeTab === 'photos' }" @click="activeTab = 'photos'">
                 <i class="bi-images"></i>
-                <span>Фотографии</span>
               </button>
               <button class="tab-btn" :class="{ 'active': activeTab === 'preferences' }" @click="activeTab = 'preferences'">
                 <i class="bi-sliders"></i>
-                <span>Предпочтения</span>
               </button>
             </div>
           </div>
@@ -1736,11 +1733,8 @@ onUnmounted(() => {
 
 .tab-btn {
   flex: 1;
-  padding: 0.8rem 0.5rem;
+  padding: 1rem 0.5rem;
   text-align: center;
-  font-size: 0.85rem;
-  font-weight: 500;
-  color: #6c757d;
   background: transparent;
   border: none;
   cursor: pointer;
@@ -1749,8 +1743,15 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 0.4rem;
-  width: 33.333%; /* Явно задаём ширину каждой вкладке */
+}
+
+.tab-btn i {
+  font-size: 1.5rem;
+  color: #6c757d;
+}
+
+.tab-btn.active i {
+  color: #667eea;
 }
 
 .tab-btn.active {
@@ -2174,7 +2175,7 @@ onUnmounted(() => {
 /* Spinner Small */
 .spinner-small {
   width: 16px;
-  height: 16px;
+   height: 16px;
   border: 2px solid rgba(255, 255, 255, 0.3);
   border-top: 2px solid white;
   border-radius: 50%;