diff --git a/src/renderer/App.css b/src/renderer/App.css
index 450abdd..717132a 100644
--- a/src/renderer/App.css
+++ b/src/renderer/App.css
@@ -58,3 +58,40 @@ h6 {
 span {
   font-family: 'Benzin-Bold' !important;
 }
+
+::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+
+/* трек */
+::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.08);
+  border-radius: 100px;
+  margin: 20px 0; /* ⬅– отступы сверху и снизу */
+}
+
+/* Бегунок */
+::-webkit-scrollbar-thumb {
+  background: linear-gradient(71deg, #f27121 0%, #e940cd 70%, #8a2387 100%);
+  border-radius: 10px;
+}
+
+/* hover эффект */
+::-webkit-scrollbar-thumb:hover {
+  background-size: 400% 400%;
+  animation-duration: 1.7s;
+}
+
+/* shimmer-анимация градиента */
+@keyframes scrollbarShimmer {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
diff --git a/src/renderer/components/TopBar.tsx b/src/renderer/components/TopBar.tsx
index e0a61ae..630671e 100644
--- a/src/renderer/components/TopBar.tsx
+++ b/src/renderer/components/TopBar.tsx
@@ -53,29 +53,29 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
     navigate('/');
   };
 
-  const getPageTitle = () => {
-    if (isLoginPage) {
-      return 'Вход';
-    }
-    if (isLaunchPage) {
-      return 'Запуск';
-    }
-    if (isVersionsExplorerPage) {
-      if (activePage === 'versions') {
-        return 'Версии';
-      }
-      if (activePage === 'profile') {
-        return 'Профиль';
-      }
-      if (activePage === 'shop') {
-        return 'Магазин';
-      }
-      if (activePage === 'marketplace') {
-        return 'Рынок';
-      }
-    }
-    return 'Неизвестная страница';
-  };
+  // const getPageTitle = () => {
+  //   if (isLoginPage) {
+  //     return 'Вход';
+  //   }
+  //   if (isLaunchPage) {
+  //     return 'Запуск';
+  //   }
+  //   if (isVersionsExplorerPage) {
+  //     if (activePage === 'versions') {
+  //       return 'Версии';
+  //     }
+  //     if (activePage === 'profile') {
+  //       return 'Профиль';
+  //     }
+  //     if (activePage === 'shop') {
+  //       return 'Магазин';
+  //     }
+  //     if (activePage === 'marketplace') {
+  //       return 'Рынок';
+  //     }
+  //   }
+  //   return 'Неизвестная страница';
+  // };
 
   // Функция для получения количества монет
   const fetchCoinsData = async () => {
@@ -266,12 +266,12 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
           WebkitAppRegion: 'drag',
         }}
       >
-        <Typography
+        {/* <Typography
           variant="h6"
           sx={{ color: 'white', fontFamily: 'Benzin-Bold' }}
         >
           {getPageTitle()}
-        </Typography>
+        </Typography> */}
       </Box>
       {/* Правая часть со всеми кнопками */}
       <Box