diff --git a/src/common/ModalDialog/ModalDialog.js b/src/common/ModalDialog/ModalDialog.js
index e7e2e8056..12513df1b 100644
--- a/src/common/ModalDialog/ModalDialog.js
+++ b/src/common/ModalDialog/ModalDialog.js
@@ -84,7 +84,7 @@ const ModalDialog = ({ className, title, buttons, children, dataset, onCloseRequ
}
{
typeof label === 'string' && label.length > 0 ?
-
{label}
+ 2 ? styles['small-label'] : styles['label'])}>{label}
:
null
}
diff --git a/src/common/ModalDialog/styles.less b/src/common/ModalDialog/styles.less
index c7f136a5b..5dbec9033 100644
--- a/src/common/ModalDialog/styles.less
+++ b/src/common/ModalDialog/styles.less
@@ -84,6 +84,7 @@
}
}
}
+
.action-button {
flex: 1;
display: flex;
@@ -116,7 +117,7 @@
color: var(--primary-foreground-color);
}
- .label {
+ .label, .small-label {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
@@ -126,7 +127,6 @@
text-align: center;
color: var(--primary-foreground-color);
}
-
}
@media only screen and (max-width: @minimum) {
@@ -139,4 +139,11 @@
padding: 0 1.5rem;
}
}
+
+ .action-button {
+ .small-label {
+ font-size: 0.688rem;
+ font-weight: 600;
+ }
+ }
}
\ No newline at end of file