diff --git a/scss/_popover.scss b/scss/_popover.scss
index 6682f141af..3e4164398f 100644
--- a/scss/_popover.scss
+++ b/scss/_popover.scss
@@ -17,10 +17,6 @@
   @include border-radius($border-radius-lg);
   @include box-shadow($popover-box-shadow);
 
-  // Arrows
-  //
-  // .arrow is outer, .arrow::after is inner
-
   .arrow {
     position: absolute;
     display: block;
@@ -48,7 +44,7 @@
 
   .arrow::before,
   .arrow::after {
-    border-width: $popover-arrow-height $popover-arrow-width/2 0;
+    border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
   }
 
   .arrow::before {
@@ -74,7 +70,7 @@
 
   .arrow::before,
   .arrow::after {
-    border-width: $popover-arrow-width/2 $popover-arrow-height $popover-arrow-width/2 0;
+    border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
   }
 
   .arrow::before {
@@ -97,7 +93,7 @@
 
   .arrow::before,
   .arrow::after {
-    border-width: 0 $popover-arrow-width/2 $popover-arrow-height $popover-arrow-width/2;
+    border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
   }
 
   .arrow::before {
@@ -117,7 +113,7 @@
     left: 50%;
     display: block;
     width: $popover-arrow-width;
-    margin-left: -$popover-arrow-width/2;
+    margin-left: ($popover-arrow-width / -2);
     content: "";
     border-bottom: $popover-border-width solid $popover-header-bg;
   }
@@ -135,7 +131,7 @@
 
   .arrow::before,
   .arrow::after {
-    border-width: $popover-arrow-width/2 0 $popover-arrow-width/2 $popover-arrow-height;
+    border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
   }
 
   .arrow::before {
diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss
index e4c3b50518..a03de57425 100644
--- a/scss/_tooltip.scss
+++ b/scss/_tooltip.scss
@@ -37,7 +37,7 @@
 
     &::before {
       top: 0;
-      border-width: $tooltip-arrow-height $tooltip-arrow-width/2 0;
+      border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
       border-top-color: $tooltip-arrow-color;
     }
   }
@@ -53,7 +53,7 @@
 
     &::before {
       right: 0;
-      border-width: $tooltip-arrow-width/2 $tooltip-arrow-height $tooltip-arrow-width/2 0;
+      border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
       border-right-color: $tooltip-arrow-color;
     }
   }
@@ -67,7 +67,7 @@
 
     &::before {
       bottom: 0;
-      border-width: 0 $tooltip-arrow-width/2 $tooltip-arrow-height;
+      border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
       border-bottom-color: $tooltip-arrow-color;
     }
   }
@@ -83,7 +83,7 @@
 
     &::before {
       left: 0;
-      border-width: $tooltip-arrow-width/2 0 $tooltip-arrow-width/2 $tooltip-arrow-height;
+      border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
       border-left-color: $tooltip-arrow-color;
     }
   }