diff --git a/documentation/react/button-group.mdx b/documentation/react/button-group.mdx
index 71bf12f43..f929c1f90 100644
--- a/documentation/react/button-group.mdx
+++ b/documentation/react/button-group.mdx
@@ -448,7 +448,7 @@ const theme = {
       base: {
         initial: {
           display: "flex",
-          flexDirection: "row",
+          flexDirection: "flex-row",
         },
         fullWidth: {
           width: "w-full",
diff --git a/packages/material-tailwind-react/src/theme/components/buttonGroup/index.ts b/packages/material-tailwind-react/src/theme/components/buttonGroup/index.ts
index 6fb150a35..513bfc88b 100644
--- a/packages/material-tailwind-react/src/theme/components/buttonGroup/index.ts
+++ b/packages/material-tailwind-react/src/theme/components/buttonGroup/index.ts
@@ -52,7 +52,7 @@ export const buttonGroup: ButtonGroupStyleTypes = {
     base: {
       initial: {
         display: "flex",
-        flexDirection: "row",
+        flexDirection: "flex-row",
       },
       fullWidth: {
         width: "w-full",