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',