diff --git a/src/index.css b/src/index.css
index 9b02132..984b1d4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -7,20 +7,28 @@ body {
     -moz-osx-font-smoothing: grayscale;
 }
 /*скрывает все скролл-бары*/
-html * {
-    -ms-overflow-style: none;
-    overflow: -moz-scrollbars-none;
-    scrollbar-width: none;
+html * ::-webkit-scrollbar {
+    background-color: inherit;
 }
-html ::-webkit-scrollbar {
+html * ::-webkit-scrollbar-button {
     display: none;
-    width : 0 !important;
+}
+html * ::-webkit-scrollbar-track {
+    background-color: inherit;
+}
+html * ::-webkit-scrollbar-thumb {
+   width: 5px;
+   background-color: gray;
 }
 
-html {
-    -ms-overflow-style : none;  /* IE 10+ */
-    scrollbar-width    : none; /* Firefox */
-}
+
+/*
+::-webkit-scrollbar — это фон самого скроллбара.
+::-webkit-scrollbar-button — кнопки направления на полосе прокрутки.
+::-webkit-scrollbar-track — пустое пространство под индикатором прокрутки.
+::-webkit-scrollbar-thumb — индикатор прокрутки, перетаскиваемый элемент.
+*/
+
 
 video {
     pointer-events: none;