diff --git a/src/moj/objects/_scrollable-pane.scss b/src/moj/objects/_scrollable-pane.scss
index a2ee6591..b08eebb7 100755
--- a/src/moj/objects/_scrollable-pane.scss
+++ b/src/moj/objects/_scrollable-pane.scss
@@ -9,7 +9,7 @@
       to right,
       $scrollableBgColor,
       $scrollableBgColor,
-      $scrollableTransparentColor calc($scrollableShadowSize * 2)
+      $scrollableTransparentColor calc(var($scrollableShadowSize) * 2)
     ),
     radial-gradient(
       farthest-side at 0 50%,
@@ -20,7 +20,7 @@
       to left,
       $scrollableBgColor,
       $scrollableBgColor,
-      $scrollableTransparentColor calc($scrollableShadowSize * 2)
+      $scrollableTransparentColor calc(var($scrollableShadowSize) * 2)
     ),
     radial-gradient(
         farthest-side at 100% 50%,