diff --git a/packages/css/accordion.css b/packages/css/accordion.css
index b7f7ac4849..db86d286fa 100644
--- a/packages/css/accordion.css
+++ b/packages/css/accordion.css
@@ -72,7 +72,7 @@
     padding: var(--dsc-accordion-padding);
     position: relative;
 
-    @composes ds-focus from './base/base.css';
+    @composes ds-focus from './base.css';
 
     &:focus-visible {
       position: relative; /* Ensure foucs outline renders on top */
diff --git a/packages/css/base/base.css b/packages/css/base.css
similarity index 100%
rename from packages/css/base/base.css
rename to packages/css/base.css
diff --git a/packages/css/button.css b/packages/css/button.css
index a814697d2c..024e40ab19 100644
--- a/packages/css/button.css
+++ b/packages/css/button.css
@@ -59,7 +59,7 @@
   text-align: inherit;
   text-decoration: none;
 
-  @composes ds-focus from './base/base.css';
+  @composes ds-focus from './base.css';
 
   &:not([data-size]) {
     font-size: inherit; /* Ensure inheriting font-size when <button> */
diff --git a/packages/css/card.css b/packages/css/card.css
index e0cee500e4..3a4c45a805 100644
--- a/packages/css/card.css
+++ b/packages/css/card.css
@@ -63,7 +63,7 @@
     }
 
     &:where(:focus-visible, :has(:focus-visible)) {
-      @composes ds-focus--visible from './base/base.css';
+      @composes ds-focus--visible from './base.css';
     }
 
     &:active {
diff --git a/packages/css/chip.css b/packages/css/chip.css
index f94797a450..c40c43560a 100644
--- a/packages/css/chip.css
+++ b/packages/css/chip.css
@@ -35,7 +35,7 @@
   padding: 0 var(--ds-spacing-3);
   text-decoration: none;
 
-  @composes ds-focus from './base/base.css';
+  @composes ds-focus from './base.css';
 
   &:not([data-size]) {
     font-size: var(--ds-font-size-minus-1);
@@ -43,7 +43,7 @@
 
   /* Show focus ring when input inside is focused by keyboard interaction */
   &:has(:focus-visible) {
-    @composes ds-focus--visible from './base/base.css';
+    @composes ds-focus--visible from './base.css';
   }
 
   &:disabled,
diff --git a/packages/css/field.css b/packages/css/field.css
index ddd4897c19..9cbcb02a2b 100644
--- a/packages/css/field.css
+++ b/packages/css/field.css
@@ -50,7 +50,7 @@
     }
 
     &:has(input:focus-visible) {
-      @composes ds-focus--visible from './base/base.css';
+      @composes ds-focus--visible from './base.css';
     }
 
     &:has(input:only-child) {
diff --git a/packages/css/index.css b/packages/css/index.css
index 92e84e3ae9..48c0b7caef 100644
--- a/packages/css/index.css
+++ b/packages/css/index.css
@@ -3,7 +3,7 @@
 @layer ds.base, ds.typography, ds.theme, ds.components;
 
 /** Import order defines ordinal specificity for layers */
-@import url('./base/base.css') layer(ds.base);
+@import url('./base.css') layer(ds.base);
 @import url('./heading.css') layer(ds.typography);
 @import url('./label.css') layer(ds.typography);
 @import url('./paragraph.css') layer(ds.typography);
@@ -24,7 +24,7 @@
 @import url('./link.css') layer(ds.components);
 @import url('./fieldset.css') layer(ds.components);
 @import url('./dropdown.css') layer(ds.components);
-@import url('./chip') layer(ds.components);
+@import url('./chip.css') layer(ds.components);
 @import url('./divider.css') layer(ds.components);
 @import url('./tabs.css') layer(ds.components);
 @import url('./pagination.css') layer(ds.components);
diff --git a/packages/css/input.css b/packages/css/input.css
index 6d30495f3e..a7da7b11bc 100644
--- a/packages/css/input.css
+++ b/packages/css/input.css
@@ -44,7 +44,7 @@
   padding: var(--dsc-input-padding);
   position: relative; /* Ensure foucs outline renders on top */
 
-  @composes ds-focus from './base/base.css';
+  @composes ds-focus from './base.css';
 
   /* Round border-width up to nearest 1px if supported */
   @supports (width: round(down, .1em, 1px)) {
diff --git a/packages/css/package.json b/packages/css/package.json
index 0d24c98699..2edfbb367c 100644
--- a/packages/css/package.json
+++ b/packages/css/package.json
@@ -13,8 +13,7 @@
     "./*": "./dist/*"
   },
   "files": [
-    "dist",
-    "*.css"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
diff --git a/packages/css/skiplink.css b/packages/css/skiplink.css
index ba653e334d..9ab5feafa1 100644
--- a/packages/css/skiplink.css
+++ b/packages/css/skiplink.css
@@ -3,7 +3,7 @@
   --dsc-skiplink-background-color: var(--ds-color-surface-hover);
   --dsc-skiplink-color: var(--ds-color-text-default);
 
-  @composes ds-sr-only from './base/base.css';
+  @composes ds-sr-only from './base.css';
 }
 
 .ds-skiplink:focus {
diff --git a/packages/css/tabs.css b/packages/css/tabs.css
index a1bc10c341..3e61abc661 100644
--- a/packages/css/tabs.css
+++ b/packages/css/tabs.css
@@ -52,7 +52,7 @@
     --dsc-tabs-tab-color: var(--ds-color-text-subtle);
   }
 
-  @composes ds-focus from './base/base.css';
+  @composes ds-focus from './base.css';
 
   /* We set z-index to make sure the active line does not bleed over the focus indicator */
   &:focus-visible {