diff --git a/src/components/frame/Cluster.vue b/src/components/frame/Cluster.vue
index 14a1f0f8..c7a42af6 100644
--- a/src/components/frame/Cluster.vue
+++ b/src/components/frame/Cluster.vue
@@ -179,12 +179,13 @@ img {
   }
 }
 
+$namemargin: 7px;
 .name {
   position: absolute;
   bottom: 0;
   z-index: 100;
-  width: 90%;
-  margin: 5%;
+  width: calc(100% - 2 * #{$namemargin});
+  margin: $namemargin;
 
   // 2px padding prevents the bottom of the text from being cut off
   padding-bottom: 2px;
@@ -204,7 +205,7 @@ img {
 
   .cluster--circle & {
     -webkit-line-clamp: 2;
-    margin: 0 5%;
+    margin: 0 $namemargin;
     min-height: 26px; // alignment
   }