diff --git a/src/App.css b/src/App.css
index 811d561..2575e5d 100644
--- a/src/App.css
+++ b/src/App.css
@@ -11,4 +11,25 @@ input::-webkit-inner-spin-button {
 }
 .rtl{
   direction: rtl;
+}
+/* width */
+::-webkit-scrollbar {
+  width: 5px;
+  background: #dbdbdb;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  border-radius: 10px;
+}
+ 
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: #df1452; 
+  border-radius: 10px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #b30000; 
 }
\ No newline at end of file