From cc48884d0de2d93da90490049a7723fc2aeb28e7 Mon Sep 17 00:00:00 2001
From: Nguyen Minh Tuan <minhtuan.nguyen@glints.com>
Date: Thu, 8 Jan 2026 18:06:06 +0800
Subject: [PATCH] Add class names to Modal

This is to allow client to override modal styles
---
 src/@next/Modal/Modal.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/@next/Modal/Modal.tsx b/src/@next/Modal/Modal.tsx
index 42cddfe58..ba65c3d57 100644
--- a/src/@next/Modal/Modal.tsx
+++ b/src/@next/Modal/Modal.tsx
@@ -119,7 +119,7 @@ export const Modal = React.forwardRef<HTMLDivElement, ModalProps>(
     }
 
     const defaultActionContent = (
-      <ButtonGroup>
+      <ButtonGroup className="modal-actions-button-group">
         {secondaryAction && (
           <Button
             onClick={() => secondaryAction.action?.()}
@@ -218,7 +218,9 @@ export const Modal = React.forwardRef<HTMLDivElement, ModalProps>(
               {content}
             </StyledModalContent>
             {hasActions && (
-              <StyledModalActions>{actionsContent}</StyledModalActions>
+              <StyledModalActions className="modal-actions">
+                {actionsContent}
+              </StyledModalActions>
             )}
           </StyledModalContainer>
           {rightComponent && (