diff --git a/react/CozyDialogs/ConfirmDialog.jsx b/react/CozyDialogs/ConfirmDialog.jsx
index 4831ddd6d..a8a812e28 100644
--- a/react/CozyDialogs/ConfirmDialog.jsx
+++ b/react/CozyDialogs/ConfirmDialog.jsx
@@ -58,9 +58,13 @@ const ConfirmDialog = props => {
             <DialogActions
               {...dialogActionsProps}
               disableSpacing
-              className={cx('dialogActionsFluid', {
-                columnLayout: actionsLayout == 'column'
-              })}
+              className={cx(
+                'dialogActionsFluid',
+                {
+                  columnLayout: actionsLayout == 'column'
+                },
+                dialogActionsProps.className
+              )}
             >
               {actions}
             </DialogActions>
diff --git a/react/CozyDialogs/Dialog.jsx b/react/CozyDialogs/Dialog.jsx
index fa938aea4..8cdb2e17c 100644
--- a/react/CozyDialogs/Dialog.jsx
+++ b/react/CozyDialogs/Dialog.jsx
@@ -61,9 +61,13 @@ const Dialog = props => {
             <DialogActions
               {...dialogActionsProps}
               disableSpacing
-              className={cx('dialogActionsFluid', {
-                columnLayout: actionsLayout == 'column'
-              })}
+              className={cx(
+                'dialogActionsFluid',
+                {
+                  columnLayout: actionsLayout == 'column'
+                },
+                dialogActionsProps.className
+              )}
             >
               {actions}
             </DialogActions>
diff --git a/react/CozyDialogs/FixedActionsDialog.jsx b/react/CozyDialogs/FixedActionsDialog.jsx
index 761613842..47d489751 100644
--- a/react/CozyDialogs/FixedActionsDialog.jsx
+++ b/react/CozyDialogs/FixedActionsDialog.jsx
@@ -57,7 +57,10 @@ const FixedActionsDialog = props => {
         <DialogActions
           {...dialogActionsProps}
           disableSpacing
-          className={cx({ columnLayout: actionsLayout == 'column' })}
+          className={cx(
+            { columnLayout: actionsLayout == 'column' },
+            dialogActionsProps.className
+          )}
         >
           {actions}
         </DialogActions>
diff --git a/react/CozyDialogs/FixedDialog.jsx b/react/CozyDialogs/FixedDialog.jsx
index 48e58592f..c1f0109c8 100644
--- a/react/CozyDialogs/FixedDialog.jsx
+++ b/react/CozyDialogs/FixedDialog.jsx
@@ -56,7 +56,10 @@ const FixedDialog = props => {
         <DialogActions
           {...dialogActionsProps}
           disableSpacing
-          className={cx({ columnLayout: actionsLayout == 'column' })}
+          className={cx(
+            { columnLayout: actionsLayout == 'column' },
+            dialogActionsProps.className
+          )}
         >
           {actions}
         </DialogActions>
diff --git a/react/CozyDialogs/IllustrationDialog.jsx b/react/CozyDialogs/IllustrationDialog.jsx
index 622150af8..0bc6a635c 100644
--- a/react/CozyDialogs/IllustrationDialog.jsx
+++ b/react/CozyDialogs/IllustrationDialog.jsx
@@ -70,9 +70,13 @@ const IllustrationDialog = props => {
             <DialogActions
               {...dialogActionsProps}
               disableSpacing
-              className={cx('dialogActionsFluid', {
-                columnLayout: actionsLayout == 'column'
-              })}
+              className={cx(
+                'dialogActionsFluid',
+                {
+                  columnLayout: actionsLayout == 'column'
+                },
+                dialogActionsProps.className
+              )}
             >
               {actions}
             </DialogActions>