diff --git a/apps/client/src/styles/bootstrap.scss b/apps/client/src/styles/bootstrap.scss
index 608ad6fa0f..8bd59da09e 100644
--- a/apps/client/src/styles/bootstrap.scss
+++ b/apps/client/src/styles/bootstrap.scss
@@ -37,10 +37,13 @@ $utilities: map.merge(
       property: margin-right,
       class: mr,
       values: map.merge(
-          $spacers,
-          (
-            auto: auto
-          )
+          map.merge(
+            $spacers,
+            (
+              auto: auto
+            )
+          ),
+          negativify-map($spacers)
         )
     ),
     'margin-left-compat': (
@@ -48,10 +51,13 @@ $utilities: map.merge(
       property: margin-left,
       class: ml,
       values: map.merge(
-          $spacers,
-          (
-            auto: auto
-          )
+          map.merge(
+            $spacers,
+            (
+              auto: auto
+            )
+          ),
+          negativify-map($spacers)
         )
     ),
     'padding-right-compat': (