diff --git a/assets/themes/cyclenodes/cyclenodes.json b/assets/themes/cyclenodes/cyclenodes.json
index 94c17b99df..6b38fa4356 100644
--- a/assets/themes/cyclenodes/cyclenodes.json
+++ b/assets/themes/cyclenodes/cyclenodes.json
@@ -155,15 +155,15 @@
             "centroid"
           ],
           "label": {
-            "render": "<div style='position: absolute; top: -30px; right: -10px; color: white; background-color: #00a703; width: 20px; height: 20px; border-radius: 100%'>?</div>",
+            "render": "<div class='text-white text-center w-5 h-5 rounded-full' style='background-color: #00a703'>?</div>",
             "mappings": [
               {
                 "if": "rcn_ref~*",
-                "then": "<div style='position: absolute; top: -30px; right: -10px; color: white; background-color: #00a703; width: 20px; height: 20px; border-radius: 100%'>{rcn_ref}</div>"
+                "then": "<div class='text-white text-center w-5 h-5 rounded-full' style='background-color: #00a703'>{rcn_ref}</div>"
               },
               {
                 "if": "proposed:rcn_ref~*",
-                "then": "<div style='position: absolute; top: -32px; right: -10px; color: white; background-color: #00a703; width: 20px; height: 20px; border-radius: 100%; border-style:dotted; border-color:white; border-width: 2px'>{proposed:rcn_ref}</div>"
+                "then": "<div class='text-white text-center w-5 h-5 rounded-full border-2 border-white border-dotted' style='background-color: #00a703'>{proposed:rcn_ref}</div>"
               }
             ]
           }
@@ -402,4 +402,4 @@
       }
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/themes/walkingnodes/walkingnodes.json b/assets/themes/walkingnodes/walkingnodes.json
index bd59bf50b6..e1afe13030 100644
--- a/assets/themes/walkingnodes/walkingnodes.json
+++ b/assets/themes/walkingnodes/walkingnodes.json
@@ -151,15 +151,15 @@
             "centroid"
           ],
           "label": {
-            "render": "<div style='position: absolute; top: -30px; right: -10px; color: white; background-color: #452b29; width: 20px; height: 20px; border-radius: 100%'>?</div>",
+            "render": "<div class='text-white text-center w-5 h-5 rounded-full' style='background-color: #452b29'>?</div>",
             "mappings": [
               {
                 "if": "rwn_ref~*",
-                "then": "<div style='position: absolute; top: -30px; right: -10px; color: white; background-color: #452b29; width: 20px; height: 20px; border-radius: 100%'>{rwn_ref}</div>"
+                "then": "<div class='text-white text-center w-5 h-5 rounded-full' style='background-color: #452b29'>{rwn_ref}</div>"
               },
               {
                 "if": "proposed:rwn_ref~*",
-                "then": "<div style='position: absolute; top: -31px; right: -10px; color: white; background-color: #452b29; width: 22px; height: 22px; border-radius: 100%; border-style:dotted; border-color:white; border-width: 2px'>{proposed:rwn_ref}</div>"
+                "then": "<div class='text-white text-center w-5 h-5 rounded-full border-2 border-white border-dotted' style='background-color: #452b29'>{proposed:rwn_ref}</div>"
               }
             ]
           }
@@ -369,4 +369,4 @@
       }
     }
   ]
-}
+}
\ No newline at end of file