diff --git a/frontend/index.html b/frontend/index.html
index 7ba284e..4f33f13 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -50,7 +50,7 @@
 
 <div id="services">
     <div class="loader"></div>
-    <div id="url-preview" class="hidden"></div>
+    <div id="url-preview" class="invisible"></div>
     <div id="empty-message">Load a service using the menu on the left.</div>
 </div>
 </body>
diff --git a/frontend/sass/index.scss b/frontend/sass/index.scss
index 78e4807..4e663c7 100644
--- a/frontend/sass/index.scss
+++ b/frontend/sass/index.scss
@@ -302,6 +302,7 @@ body {
 
 #url-preview {
 	position: absolute;
+	z-index: 10000;
 	bottom: 0;
 	left: 0;
 	display: block;
@@ -333,7 +334,7 @@ body {
 	border-radius: 5px 0 0 0;
 }
 
-#url-preview.hidden {
+#url-preview.invisible {
 	opacity: 0;
 }
 
diff --git a/frontend/ts/index.ts b/frontend/ts/index.ts
index 022e535..6f70f70 100644
--- a/frontend/ts/index.ts
+++ b/frontend/ts/index.ts
@@ -587,9 +587,9 @@ function loadService(serviceId: number, service: any) {
         // Display target urls
         service.view.addEventListener('update-target-url', (event: UpdateTargetUrlEvent) => {
             if (event.url.length === 0) {
-                urlPreview?.classList.add('hidden');
+                urlPreview?.classList.add('invisible');
             } else {
-                urlPreview?.classList.remove('hidden');
+                urlPreview?.classList.remove('invisible');
                 if (urlPreview) {
                     urlPreview.innerHTML = event.url;
                 }