diff --git a/LandingPage/src/App.css b/LandingPage/src/App.css
index b9d355d..59983a1 100644
--- a/LandingPage/src/App.css
+++ b/LandingPage/src/App.css
@@ -40,3 +40,21 @@
 .read-the-docs {
   color: #888;
 }
+/* Applies to WebKit browsers */
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: #000000;
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: linear-gradient(to bottom, #fc5fff, #764e95); /* Gradient colors */
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: linear-gradient(to bottom, #de43e9, #764e95); /* Darker on hover */
+}
diff --git a/LandingPage/src/index.css b/LandingPage/src/index.css
index e69de29..ddd5849 100644
--- a/LandingPage/src/index.css
+++ b/LandingPage/src/index.css
@@ -0,0 +1,19 @@
+/* Applies to WebKit browsers */
+::-webkit-scrollbar {
+    width: 8px;
+  }
+  
+  ::-webkit-scrollbar-track {
+    background: #000000;
+    border-radius: 3px;
+  }
+  
+  ::-webkit-scrollbar-thumb {
+    background: linear-gradient(to bottom, #fc5fff, #764e95); /* Gradient colors */
+    border-radius: 3px;
+  }
+  
+  ::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(to bottom, #de43e9, #764e95); /* Darker on hover */
+  }
+  
\ No newline at end of file