diff --git a/examples/custom-theme.scss b/examples/custom-theme.scss
index 14191f4..787fbfa 100644
--- a/examples/custom-theme.scss
+++ b/examples/custom-theme.scss
@@ -2,11 +2,10 @@
 
 .ps-theme-custom-theme {
   @include ps-container(map-merge($ps-theme-default, (
-          border-radius: 0,
-          scrollbar-x-rail-height: 20px,
-          scrollbar-x-height: 20px,
-          scrollbar-y-rail-width: 20px,
-          scrollbar-y-width: 20px,
-          scrollbar-rail-scale-hover: 1.5
+          scrollbar-rail-scale-hover: 1.5,
+          scrollbar-y-rail-width: 8px,
+          scrollbar-y-width: 6px,
+          scrollbar-x-rail-height: 8px,
+          scrollbar-x-height: 6px
   )));
 }
diff --git a/src/css/mixins.scss b/src/css/mixins.scss
index 6c0ff9a..3995b66 100644
--- a/src/css/mixins.scss
+++ b/src/css/mixins.scss
@@ -73,7 +73,7 @@
     &:active {
       height: map_get($theme, scrollbar-rail-scale-hover) * map_get($theme, scrollbar-x-rail-height);
       > .ps-scrollbar-x {
-        height: map_get($theme, scrollbar-rail-scale-hover) * map_get($theme, scrollbar-x-rail-height);
+        height: 100%;
       }
     }
 
@@ -93,7 +93,7 @@
     &:active {
       width: map_get($theme, scrollbar-rail-scale-hover) * map_get($theme, scrollbar-y-rail-width);
       > .ps-scrollbar-y {
-        width: map_get($theme, scrollbar-rail-scale-hover) * map_get($theme, scrollbar-y-rail-width);
+        width: 100%;
       }
     }