diff --git a/src/components/resizable_container/_resizable_button.scss b/src/components/resizable_container/_resizable_button.scss
index 4816033f82..b908c4574c 100644
--- a/src/components/resizable_container/_resizable_button.scss
+++ b/src/components/resizable_container/_resizable_button.scss
@@ -35,8 +35,8 @@
   &.ouiResizableButton--horizontal {
     cursor: col-resize;
     width: $ouiResizableButtonSize;
-    margin-left: calc(-1 * $ouiResizableButtonSize / 2);
-    margin-right: calc(-1 * $ouiResizableButtonSize / 2);
+    margin-left: calc( $ouiResizableButtonSize / -2);
+    margin-right: calc( $ouiResizableButtonSize / -2);
 
     &:before,
     &:after {