diff --git a/src/base/col.wc b/src/base/col.wc
index 187e0e7..c25fea1 100644
--- a/src/base/col.wc
+++ b/src/base/col.wc
@@ -14,7 +14,7 @@
 }
 @for $i from 1 to 25 {
   :host([offset='#{$i}']) {
-    margin-left: math.div($i * 100, 24) + 0%;
+    margin-left: math.div($i * 100, 24) + 0% !important;
   }
 }
 </style>
diff --git a/src/base/row.wc b/src/base/row.wc
index 7f7e221..ae13c76 100644
--- a/src/base/row.wc
+++ b/src/base/row.wc
@@ -79,7 +79,8 @@ export default class Row {
         val = +val
         if (val > 0) {
           this.props.gutter = val
-          this.__ROW__.style.cssText = `width:calc(100% + ${val}px);margin-left:${val}px`
+          this.__ROW__.style.cssText = `width:calc(100% + ${val}px);margin-left:${-val /
+            2}px;margin-right:${-val / 2}px;`
         } else {
           this.props.gutter = 0
           this.__ROW__.removeAttribute('style')