diff --git a/src/theme/container.ts b/src/theme/container.ts
index c4b9f821..5a2315d4 100644
--- a/src/theme/container.ts
+++ b/src/theme/container.ts
@@ -1,3 +1,3 @@
 export default {
-  base: 'max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8'
+  base: 'w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8'
 }
diff --git a/test/components/__snapshots__/Container-vue.spec.ts.snap b/test/components/__snapshots__/Container-vue.spec.ts.snap
index 97ff8d9d..d9e81695 100644
--- a/test/components/__snapshots__/Container-vue.spec.ts.snap
+++ b/test/components/__snapshots__/Container-vue.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Container > renders with as correctly 1`] = `"<article class="max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8"></article>"`;
+exports[`Container > renders with as correctly 1`] = `"<article class="w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8"></article>"`;
 
-exports[`Container > renders with class correctly 1`] = `"<div class="mx-auto px-4 sm:px-6 lg:px-8 max-w-5xl"></div>"`;
+exports[`Container > renders with class correctly 1`] = `"<div class="w-full mx-auto px-4 sm:px-6 lg:px-8 max-w-5xl"></div>"`;
 
-exports[`Container > renders with default slot correctly 1`] = `"<div class="max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8">Default slot</div>"`;
+exports[`Container > renders with default slot correctly 1`] = `"<div class="w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8">Default slot</div>"`;
diff --git a/test/components/__snapshots__/Container.spec.ts.snap b/test/components/__snapshots__/Container.spec.ts.snap
index 97ff8d9d..d9e81695 100644
--- a/test/components/__snapshots__/Container.spec.ts.snap
+++ b/test/components/__snapshots__/Container.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Container > renders with as correctly 1`] = `"<article class="max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8"></article>"`;
+exports[`Container > renders with as correctly 1`] = `"<article class="w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8"></article>"`;
 
-exports[`Container > renders with class correctly 1`] = `"<div class="mx-auto px-4 sm:px-6 lg:px-8 max-w-5xl"></div>"`;
+exports[`Container > renders with class correctly 1`] = `"<div class="w-full mx-auto px-4 sm:px-6 lg:px-8 max-w-5xl"></div>"`;
 
-exports[`Container > renders with default slot correctly 1`] = `"<div class="max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8">Default slot</div>"`;
+exports[`Container > renders with default slot correctly 1`] = `"<div class="w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8">Default slot</div>"`;