diff --git a/public/js/globe.js b/public/js/globe.js
index e2f36be63daaf6b973a4e205eaf4349b047f1ce1..e292bf684786f61a95f112f0784b069a47f76034 100644
--- a/public/js/globe.js
+++ b/public/js/globe.js
@@ -126,7 +126,7 @@ viewer.screenSpaceEventHandler.setInputAction(function onMouseMove(movement) {
 
         var name = pickedFeature.getProperty("gml_id");
 
-        nameOverlay.textContent = "ID: " + name  + "\t shadowvalue:" + shadowHourValue;
+        nameOverlay.textContent = "ID: " + name  + "\t shadowvalue:" + shadowhourvaluepercent;
         // Highlight the feature if it's not already selected.
         selectedFeatures.forEach(s => {
             if (s.feature === pickedFeature) {
@@ -266,7 +266,7 @@ viewer.screenSpaceEventHandler.setInputAction(function onLeftClick(movement) {
     pickTotalSurfaceArea = 0
     pickRoofType = "Not Defined"
     pickUValue = "Not Defined"
-
+    
     //fill variables for Single Building Properties
     fillTableProperties(gmlID, surID)
    
@@ -317,7 +317,7 @@ viewer.screenSpaceEventHandler.setInputAction(function onLeftClick(movement) {
             });
         }
 
-
+        var shadowhourvaluepercent =  100-(shadowHourValue*100)
         //set feature infobox description (surface view)
         var featureName = pickedFeature.getProperty("name");
         selectedEntity.name = featureName;
@@ -329,7 +329,7 @@ viewer.screenSpaceEventHandler.setInputAction(function onLeftClick(movement) {
             "<tr><th>u_Value</th><td>" + pickUValue + "</td></tr>" +
             "<tr><th>description</th><td>" + pickedFeature.getProperty("description") + "</td></tr>" +
             "<tr><th>feature_type</th><td>" + pickedFeature.getProperty("feature_type") + "</td></tr>" +
-            "<tr><th>shadow value</th><td>" + shadowHourValue + "</td></tr>" +
+            "<tr><th>shadow value</th><td>" +  shadowhourvaluepercent.toFixed(1) + "%" + "</td></tr>" +
 
             
             "</tbody></table>";