diff --git a/client/coral-admin/src/components/BanUserDialog.css b/client/coral-admin/src/components/BanUserDialog.css
index e645885ce..dfac4f194 100644
--- a/client/coral-admin/src/components/BanUserDialog.css
+++ b/client/coral-admin/src/components/BanUserDialog.css
@@ -141,3 +141,7 @@ input.error{
     background-color: 1px solid coral;
     padding: 10px;
 }
+
+.cancel {
+    margin: 10px 0;
+}
diff --git a/client/coral-admin/src/components/BanUserDialog.js b/client/coral-admin/src/components/BanUserDialog.js
index 9c166cc39..1867b9ac2 100644
--- a/client/coral-admin/src/components/BanUserDialog.js
+++ b/client/coral-admin/src/components/BanUserDialog.js
@@ -30,7 +30,7 @@ const BanUserDialog = ({open, handleClose, onClickBanUser, user = {}}) => {
           </i>
         </div>
         <div className={styles.buttons}>
-          <Button cStyle="cancel" onClick={() => handleClose()} full>
+          <Button cStyle="cancel" className={styles.cancel} onClick={() => handleClose()} full>
             {lang.t('bandialog.cancel')}
           </Button>
           <Button cStyle="black" onClick={() => onClickBanUser(userId, commentId)} full>