diff --git a/CHANGELOG.md b/CHANGELOG.md
index 17d7dbed..d7f6511e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 
 * #3005 Fix `column` offsets in RTL
 * Fix #3145 Dropdown content is bounded by a parent card
+* Fix #3089 Sub columns of a variable columns have weird gap
 
 ## 0.9.1
 
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 3af1f898..54078d90 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -8197,7 +8197,7 @@ label.panel-block:hover {
   margin-right: calc(-1 * var(--columnGap));
 }
 
-.columns.is-variable .column {
+.columns.is-variable > .column {
   padding-left: var(--columnGap);
   padding-right: var(--columnGap);
 }
@@ -9394,6 +9394,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 .is-clickable {
   cursor: pointer !important;
+  pointer-events: all !important;
 }
 
 .is-clipped {
diff --git a/sass/grid/columns.sass b/sass/grid/columns.sass
index 5252bf83..995bf247 100644
--- a/sass/grid/columns.sass
+++ b/sass/grid/columns.sass
@@ -469,7 +469,7 @@ $column-gap: 0.75rem !default
     --columnGap: 0.75rem
     +ltr-property("margin", calc(-1 * var(--columnGap)), false)
     +ltr-property("margin", calc(-1 * var(--columnGap)))
-    .column
+    > .column
       padding-left: var(--columnGap)
       padding-right: var(--columnGap)
     @for $i from 0 through 8