diff --git a/packages/design-system/src/Grid/Grid.tsx b/packages/design-system/src/Grid/Grid.tsx
index 29f5ec2a..67818c29 100644
--- a/packages/design-system/src/Grid/Grid.tsx
+++ b/packages/design-system/src/Grid/Grid.tsx
@@ -9,11 +9,17 @@ interface GridProps extends ComponentPropsWithRef<'div'> {
 }
 
 const Grid = forwardRef<HTMLDivElement, GridProps>(
-  ({ col = 1, gap = 'none', children }, ref) => {
+  ({ col = 1, gap = 'none', children, className, ...rest }, ref) => {
     return (
       <div
         ref={ref}
-        className={twMerge('grid', gridStyleCols[col], gridStyleGaps[gap])}
+        className={twMerge(
+          'grid',
+          gridStyleCols[col],
+          gridStyleGaps[gap],
+          className,
+        )}
+        {...rest}
       >
         {children}
       </div>