From 1109baea6ac6aa3feb2be90ef065f61b2c2a06a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D5=A1=D3=84=D5=A1?= <wingkwong.code@gmail.com>
Date: Mon, 20 May 2024 03:38:24 +0800
Subject: [PATCH] fix(core): incorrect tailwind classnames (#3018)

---
 .changeset/giant-avocados-type.md                       | 6 ++++++
 packages/core/system-rsc/test-utils/slots-component.tsx | 2 +-
 packages/core/theme/src/components/avatar.ts            | 2 +-
 packages/core/theme/src/components/card.ts              | 2 +-
 4 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/giant-avocados-type.md

diff --git a/.changeset/giant-avocados-type.md b/.changeset/giant-avocados-type.md
new file mode 100644
index 0000000000..e79857b164
--- /dev/null
+++ b/.changeset/giant-avocados-type.md
@@ -0,0 +1,6 @@
+---
+"@nextui-org/system-rsc": patch
+"@nextui-org/theme": patch
+---
+
+fix incorrect tailwind classnames
diff --git a/packages/core/system-rsc/test-utils/slots-component.tsx b/packages/core/system-rsc/test-utils/slots-component.tsx
index b2a4c3a90d..99fc967faa 100644
--- a/packages/core/system-rsc/test-utils/slots-component.tsx
+++ b/packages/core/system-rsc/test-utils/slots-component.tsx
@@ -15,7 +15,7 @@ const card = tv({
       "flex-col",
       "relative",
       "overflow-hidden",
-      "height-auto",
+      "h-auto",
       "outline-none",
       "text-foreground",
       "box-border",
diff --git a/packages/core/theme/src/components/avatar.ts b/packages/core/theme/src/components/avatar.ts
index 6028475d2a..d69fc1686c 100644
--- a/packages/core/theme/src/components/avatar.ts
+++ b/packages/core/theme/src/components/avatar.ts
@@ -195,7 +195,7 @@ const avatar = tv({
  */
 const avatarGroup = tv({
   slots: {
-    base: "flex items-center justify-center h-auto w-max-content",
+    base: "flex items-center justify-center h-auto w-max",
     count: "hover:-translate-x-0",
   },
   variants: {
diff --git a/packages/core/theme/src/components/card.ts b/packages/core/theme/src/components/card.ts
index c30acfe0be..04b86032a1 100644
--- a/packages/core/theme/src/components/card.ts
+++ b/packages/core/theme/src/components/card.ts
@@ -24,7 +24,7 @@ const card = tv({
       "flex-col",
       "relative",
       "overflow-hidden",
-      "height-auto",
+      "h-auto",
       "outline-none",
       "text-foreground",
       "box-border",