From bbcbb7755b6f352298931a2bdda6223b0b7848f0 Mon Sep 17 00:00:00 2001
From: lyqht <estee.tsw@gmail.com>
Date: Wed, 5 Oct 2022 12:16:38 +0800
Subject: [PATCH] update container default horizontal style to display as grid

---
 packages/react/src/components/UI/Container.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/components/UI/Container.tsx b/packages/react/src/components/UI/Container.tsx
index dbefff66..b69e16b9 100644
--- a/packages/react/src/components/UI/Container.tsx
+++ b/packages/react/src/components/UI/Container.tsx
@@ -1,6 +1,5 @@
 import { css } from '@stitches/core'
 import { generateClassNames } from '../../../common/theming'
-import { CLASS_NAMES, PREPENDED_CLASS_NAMES } from '../../constants'
 import { Appearance } from '../../types'
 
 const containerDefaultStyles = css({
@@ -9,8 +8,8 @@ const containerDefaultStyles = css({
   variants: {
     direction: {
       horizontal: {
-        flexDirection: 'row',
-        margin: '4px 0',
+        display: 'grid',
+        gridTemplateColumns: 'repeat(auto-fit, minmax(48px, 1fr))',
       },
       vertical: {
         flexDirection: 'column',