diff --git a/lib/generators/ruby_ui/install/templates/tailwind.css.erb b/lib/generators/ruby_ui/install/templates/tailwind.css.erb
index 8a94cf9c..b16b41d0 100644
--- a/lib/generators/ruby_ui/install/templates/tailwind.css.erb
+++ b/lib/generators/ruby_ui/install/templates/tailwind.css.erb
@@ -51,11 +51,6 @@
   --warning-foreground: hsl(0 0% 100%);
   --success: hsl(87 100% 37%);
   --success-foreground: hsl(0 0% 100%);
-
-  /* Container settings */
-  --container-center: true;
-  --container-padding: hsl(2rem);
-  --container-max-width-2xl: hsl(1400px);
 }
 
 .dark {
@@ -144,6 +139,13 @@
   --color-success-foreground: var(--success-foreground);
 }
 
+/* Container settings */
+@utility container {
+  margin-inline: auto;
+  padding-inline: 2rem;
+  max-width: 1400px;
+}
+
 @layer base {
   * {
     @apply border-border outline-ring/50;