diff --git a/frontend/less/espo/bootstrap/labels.less b/frontend/less/espo/bootstrap/labels.less
index a769da7a49..e0d816e789 100644
--- a/frontend/less/espo/bootstrap/labels.less
+++ b/frontend/less/espo/bootstrap/labels.less
@@ -1,6 +1,6 @@
 .label {
   display: inline;
-  font-size: 75%;
+  font-size: var(--font-size-small);
   line-height: 1;
   color: var(--label-color);
   text-align: center;
diff --git a/frontend/less/espo/custom.less b/frontend/less/espo/custom.less
index 2b139c4e6e..149e336c96 100644
--- a/frontend/less/espo/custom.less
+++ b/frontend/less/espo/custom.less
@@ -2287,7 +2287,7 @@ td > span.color-icon {
         top: var(--minus-1px);
 
         &.label-md {
-            padding: .09em var(--6px) .2em;
+            padding: @label-padding-small;
             font-size: var(--font-size-small);
         }
     }
diff --git a/frontend/less/espo/elements/type.less b/frontend/less/espo/elements/type.less
index 55d5c0b5d7..7ab2b98900 100644
--- a/frontend/less/espo/elements/type.less
+++ b/frontend/less/espo/elements/type.less
@@ -143,7 +143,7 @@ label {
 }
 
 .label {
-    padding: .09em .5em .2em;
+    padding: @label-padding-small;
     position: relative;
     top: var(--minus-1px);
     font-weight: 600;
diff --git a/frontend/less/espo/variables.less b/frontend/less/espo/variables.less
index 618dc28f91..417db0be49 100644
--- a/frontend/less/espo/variables.less
+++ b/frontend/less/espo/variables.less
@@ -165,7 +165,7 @@
 
 @navbar-inverse-toggle-border-color: transparent;
 
-@label-padding-small: .09em .5em .2em;
+@label-padding-small: 0.09em 0.5em 0.18em;
 
 @list-table-sm-screen-min-width: var(--500px);
 @navbar-panel-body-max-height: var(--600px);