diff --git a/src/definitions/elements/label.less b/src/definitions/elements/label.less
index c9daf9616..ae45d3ae2 100755
--- a/src/definitions/elements/label.less
+++ b/src/definitions/elements/label.less
@@ -319,7 +319,7 @@ a.ui.label {
   position: relative;
   margin: 0em;
 
-  left: -@ribbonDistance;
+  left: @ribbonOffset;
   padding-left: @ribbonDistance;
   border-radius: 0em @borderRadius @borderRadius 0em;
   border-color: @ribbonShadowColor;
diff --git a/src/themes/default/elements/label.variables b/src/themes/default/elements/label.variables
index ebe1df61f..9d26603ea 100644
--- a/src/themes/default/elements/label.variables
+++ b/src/themes/default/elements/label.variables
@@ -90,9 +90,10 @@
 @tagTransition: background @labelTransitionDuration @labelTransitionEasing;
 
 /* Ribbon */
-@ribbonDistance: 2em;
-@ribbonMargin: 1em;
 @ribbonTriangleSize: 1.2em;
+@ribbonOffset: ~"calc(-1rem - "@ribbonTriangleSize~")";
+@ribbonDistance: ~"calc(1rem + "@ribbonTriangleSize~")";
+@ribbonMargin: 1em;
 @ribbonShadowColor: rgba(0, 0, 0, 0.15);
 
 @blackRibbonShadow: darken(@black, 10);