diff --git a/css/style.css b/css/style.css
index 2f6d0d9..f2407c1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1387,11 +1387,16 @@ body.touch #extension-floorplanner-content .extension-floorplanner-floorplan-ite
 	font-style:italic;
 	pointer-events:none;
 }
-#extension-floorplanner-current-filename{
-	background-color:white;
-	display:inline-block;
-	padding:.2rem .4rem;
-	border-radius:.2rem;
+
+.extension-floorplanner-text-bg{
+  background-color: rgba(255,255,255,.7);
+  display: inline-flex;
+  align-items:center;
+  padding: 0.2rem 0.4rem;
+  border-radius: 0.2rem;
+}
+.extension-floorplanner-text-bg > *{
+	display:inline-block;margin:0 .3rem;
 }
 
 
@@ -1473,6 +1478,7 @@ body.touch #extension-floorplanner-content .extension-floorplanner-floorplan-ite
 /*  VIEW MODE  */
 
 
+.extension-floorplanner-view-mode #extension-floorplanner-areaValue,
 .extension-floorplanner-view-mode #extension-floorplanner-panel,
 .extension-floorplanner-view-mode #extension-floorplanner-boxgrid{
 	display:none!important;
@@ -1798,8 +1804,9 @@ body.touch #extension-floorplanner-content .extension-floorplanner-floorplan-ite
   .extension-floorplanner-floorplan-item-name{
 	  color:white;
   }
-  #extension-floorplanner-current-filename{
-	  background-color:black;
+  
+  .extension-floorplanner-text-bg{
+    background-color:rgba(0,0,0,.7);
   }
 
 }
diff --git a/index.html b/index.html
index b24c51d..3c53f3c 100644
--- a/index.html
+++ b/index.html
@@ -1031,7 +1031,7 @@ <h2 class="extension-floorplanner-modal-title" id="extension-floorplanner-textTo
 				            <div class="extension-floorplanner-color extension-floorplanner-textEditorColor" data-type="gradientNeutral"
 				              style="color:#e2c695;background:linear-gradient(30deg,#e2c695, #c69d56);"></div>
 									</div>
-								
+									
 			            <div style="display:flex; align-items:center;justify-content:flex-end;margin-bottom:2rem">
 										<p style="display:inline-block;margin-right:1rem;font-weight:bold">Size </p>
 			            	<input type="range" list="tickmarks" id="extension-floorplanner-text-size-slider" step="0.1" min="10" max="60" value="15" class="extension-floorplanner-range" style="width:200px" />
@@ -1050,7 +1050,7 @@ <h2 class="extension-floorplanner-modal-title" id="extension-floorplanner-textTo
 				</div>
 
 		    
-				<div id="extension-floorplanner-current-filename-container"><span class="extension-floorplanner-unicode-icon-medium">⌂</span> Floorplanner <span id="extension-floorplanner-current-filename"></span></div>
+				<div id="extension-floorplanner-current-filename-container"><span class="extension-floorplanner-text-bg"><span class="extension-floorplanner-unicode-icon-medium">⌂</span> <span>Floorplanner</span> <span id="extension-floorplanner-current-filename"></span></span></div>
 
 		    <div id="extension-floorplanner-boxinfo"></div>