diff --git a/src/themes/utilities.css b/src/themes/utilities.css
index 67098858f..4dee28b32 100644
--- a/src/themes/utilities.css
+++ b/src/themes/utilities.css
@@ -62,6 +62,23 @@
 /* #endregion */
 
 /* #region Gap */
+
+/* Apply Flexbox with 0 specificity to ensure a gap util produces a visible change */
+:where(
+    .wa-gap-0,
+    .wa-gap-3xs,
+    .wa-gap-2xs,
+    .wa-gap-xs,
+    .wa-gap-s,
+    .wa-gap-m,
+    .wa-gap-l,
+    .wa-gap-xl,
+    .wa-gap-2xl,
+    .wa-gap-3xl
+  ) {
+  display: flex;
+}
+
 .wa-gap-0 {
   gap: 0px;
 }