diff --git a/src/components/Grid.tsx b/src/components/Grid.tsx
index 81783ab..ff38f20 100755
--- a/src/components/Grid.tsx
+++ b/src/components/Grid.tsx
@@ -22,7 +22,7 @@ export const Grid = memo<ComponentProps>(({ children, style, ...other }) => (
   </div>
 ))
 
-export const GridItem = memo<GridItemProps>(({ children, row, col, rowSpan, colSpan, style, ...other }) => {
+export const GridItem = memo<GridItemProps>(({ children, row, col, rowSpan, colSpan, style, className, ...other }) => {
   const localRow = +row
   const localCol = +col
   const localColSpan = colSpan ? colSpan - 1 : 0
@@ -32,12 +32,11 @@ export const GridItem = memo<GridItemProps>(({ children, row, col, rowSpan, colS
     gridColumnEnd: localCol + localColSpan,
     gridRowStart: localRow,
     gridRowEnd: localRow + localRowSpan,
-    padding: '4px',
     ...style,
   }
 
   return (
-    <div style={gridItemStyle} {...other}>
+    <div className={`asb-grid-item ${className || ''}`} style={gridItemStyle} {...other}>
       {children}
     </div>
   )
diff --git a/src/styles/index.css b/src/styles/index.css
index 53d4e5d..c2367c8 100755
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -153,4 +153,8 @@ code {
 
 .color-pale-green {
     background-color: #98fb98;
+}
+
+.asb-grid-item {
+    padding: 4px;
 }
\ No newline at end of file