diff --git a/webui/src/common/components/Modal/Modal.jsx b/webui/src/common/components/Modal/Modal.jsx
index 6e1e62c..e568662 100644
--- a/webui/src/common/components/Modal/Modal.jsx
+++ b/webui/src/common/components/Modal/Modal.jsx
@@ -62,4 +62,21 @@ export const Modal = ({
       </div>
     </div>
   );
+};
+
+export const ModalActions = ({
+  children,
+  className = '',
+  align = 'right',
+  ...rest
+}) => {
+  const alignClass = align === 'left' ? 'modal-actions--left' : 
+                   align === 'center' ? 'modal-actions--center' : 
+                   'modal-actions--right';
+  
+  return (
+    <div className={`modal-actions ${alignClass} ${className}`} {...rest}>
+      {children}
+    </div>
+  );
 };
\ No newline at end of file
diff --git a/webui/src/common/components/Modal/index.js b/webui/src/common/components/Modal/index.js
index 8fb160b..173b4f9 100644
--- a/webui/src/common/components/Modal/index.js
+++ b/webui/src/common/components/Modal/index.js
@@ -1 +1 @@
-export { Modal as default } from './Modal.jsx';
\ No newline at end of file
+export { Modal as default, ModalActions } from './Modal.jsx';
\ No newline at end of file
diff --git a/webui/src/common/components/Modal/styles.sass b/webui/src/common/components/Modal/styles.sass
index 48787a3..851d864 100644
--- a/webui/src/common/components/Modal/styles.sass
+++ b/webui/src/common/components/Modal/styles.sass
@@ -57,6 +57,20 @@
   overflow-y: auto
   flex: 1
 
+.modal-actions
+  display: flex
+  gap: 0.75rem
+  margin-top: 1.5rem
+  
+  &--left
+    justify-content: flex-start
+  
+  &--center
+    justify-content: center
+  
+  &--right
+    justify-content: flex-end
+
 @keyframes modalIn
   from
     opacity: 0