diff --git a/FrontEnd/src/assets/scss/utils/_mixins.scss b/FrontEnd/src/assets/scss/utils/_mixins.scss
index 179637cc2..9d8f45847 100644
--- a/FrontEnd/src/assets/scss/utils/_mixins.scss
+++ b/FrontEnd/src/assets/scss/utils/_mixins.scss
@@ -131,7 +131,7 @@
 }
 
 @mixin rounded-pill-shape {
-  border-radius: 5000rem; // overloading border-radius results in a "pill like" shape
+  border-radius: 0.9375rem; // overloading border-radius results in a "pill like" shape
 }
 
 // NOTE: width and height must be the same for this to be circular
diff --git a/FrontEnd/src/components/LandingPage/LandingPage.module.scss b/FrontEnd/src/components/LandingPage/LandingPage.module.scss
index c21879261..e0c7a6707 100644
--- a/FrontEnd/src/components/LandingPage/LandingPage.module.scss
+++ b/FrontEnd/src/components/LandingPage/LandingPage.module.scss
@@ -310,7 +310,7 @@
   padding: 2rem;
   margin-top: 2rem;
 
-  transition: all 3s;
+  transition: all 2s;
 
   @include absCenter {
     top: 100%;
@@ -366,14 +366,16 @@
     &::-webkit-scrollbar {
       visibility: hidden;
       display: block;
-      width: 1px;
-      height: 5px;
-      background-color: #aaa;
+      height: 12px;
+      border-radius: 50px;
+      background-color: $border-color;
     }
 
     &::-webkit-scrollbar-thumb {
       visibility: hidden;
-      background: #000;
+      background: $primary-300-color;
+      width: auto;
+      border-radius: 50px;
     }
 
     &:hover {