diff --git a/src/components/layout/reset.css b/src/components/layout/reset.css
index 22d86f9..8d7e555 100644
--- a/src/components/layout/reset.css
+++ b/src/components/layout/reset.css
@@ -1,6 +1,30 @@
 * {
     margin: 0;
     padding: 0;
+    scrollbar-width: thin;
+}
+
+::-webkit-scrollbar {
+  width: 20px;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #808080;
+  border-radius: 20px;
+  border: 6px solid transparent;
+  background-clip: content-box;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: #ffffff;
+}
+
+html {
+  scroll-behavior: smooth;
 }
 
 body {
@@ -24,8 +48,8 @@ ul.slick-dots {
 }
 
 @media (min-width: 1024px) {
-    
-    ul.slick-dots {  
+
+    ul.slick-dots {
         display: flex !important;
         justify-content: center;
         margin: 0px auto;
@@ -36,6 +60,6 @@ ul.slick-dots {
     .slick-dots li button:before {
         font-size: 12px !important
     }
-    
-    
+
+
 }