diff --git a/assets/css/styles.css b/assets/css/styles.css
index e0601ae..92e0287 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -550,7 +550,18 @@ img {
   text-align: center;
 }
 /*=============== SCROLL BAR ===============*/
-
+::-webkit-scrollbar {
+  width: 0.6rem;
+  border-radius: 0.5rem;
+  background-color: hsl(23, 4%, 15%);
+}
+::-webkit-scrollbar-thumb {
+  border-radius: 0.5rem;
+  background-color: hsl(23, 4%, 30%);
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: hsl(23, 4%, 40%);
+}
 
 /*=============== SCROLL UP ===============*/