diff --git a/package.json b/package.json
index 9f12fda..37762e2 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,10 @@
       "import": "./dist/esm/index.es.js",
       "require": "./dist/cjs/index.server.cjs"
     },
-    "./styles": "./dist/esm/style.css",
+    "./styles": {
+      "import": "./dist/esm/style.css",
+      "require": "./dist/cjs/style.css"
+    },
     "./dist/tailwind.config.js": {
       "import": "./dist/esm/tailwind.config.js",
       "require": "./dist/cjs/tailwind.config.js"
diff --git a/src/atoms/10_Grid/Grid.tsx b/src/atoms/10_Grid/Grid.tsx
index 4bb2447..982a2ad 100644
--- a/src/atoms/10_Grid/Grid.tsx
+++ b/src/atoms/10_Grid/Grid.tsx
@@ -112,7 +112,7 @@ export const HGrid = function ({
     {
       [`
           grid-cols-6
-          md:grid-cols-12
+          md:grid-cols-8
           `]: coercedVariant === EGridVariant.DEFAULT,
       [`
           grid-cols-1