diff --git a/packages/core/css/index.js b/packages/core/css/index.js
index d6f58ea..8e63afa 100644
--- a/packages/core/css/index.js
+++ b/packages/core/css/index.js
@@ -63,7 +63,7 @@ module.exports = plugin(
       ".scroll-hide": {},
       ...Object.fromEntries(
         Object.entries(theme("spacing")).map(([key, size]) => [
-          `.gap-${key}`,
+          `.gap-${key.replace(".", "\\.")}`,
           { gap: size, "--gutter": size },
         ]),
       ),