diff --git a/lib/zin/wg/col/v1.php b/lib/zin/wg/col/v1.php
index 1eef981183..38b879669b 100644
--- a/lib/zin/wg/col/v1.php
+++ b/lib/zin/wg/col/v1.php
@@ -13,14 +13,14 @@ class col extends wg
     protected function build()
     {
         $classList = 'col';
-        list($justify, $align) = $this->prop(array('justify', 'align'));
+        list($justify, $align, $gap) = $this->prop(array('justify', 'align', 'gap'));
         if(!empty($justify)) $classList .= ' justify-' . $justify;
         if(!empty($align))   $classList .= ' items-' . $align;
 
         return div
         (
             setClass($classList),
-            zui::gap($this->prop('gap')),
+            is_numeric($gap) ? setClass("gap-$gap") : setStyle('gap', $gap),
             set($this->getRestProps()),
             $this->children()
         );
diff --git a/lib/zin/wg/row/v1.php b/lib/zin/wg/row/v1.php
index 9b908d5881..e07b9a5f17 100644
--- a/lib/zin/wg/row/v1.php
+++ b/lib/zin/wg/row/v1.php
@@ -13,14 +13,14 @@ class row extends wg
     protected function build()
     {
         $classList = 'row';
-        list($justify, $align) = $this->prop(array('justify', 'align'));
+        list($justify, $align, $gap) = $this->prop(array('justify', 'align', 'gap'));
         if(!empty($justify)) $classList .= ' justify-' . $justify;
         if(!empty($align))   $classList .= ' items-' . $align;
 
         return div
         (
             setClass($classList),
-            zui::gap($this->prop('gap')),
+            is_numeric($gap) ? setClass("gap-$gap") : setStyle('gap', $gap),
             set($this->getRestProps()),
             $this->children()
         );