diff --git a/src/zen/common/styles/zen-single-components.css b/src/zen/common/styles/zen-single-components.css
index 61c087bd2..2544b8b11 100644
--- a/src/zen/common/styles/zen-single-components.css
+++ b/src/zen/common/styles/zen-single-components.css
@@ -739,17 +739,13 @@
   --zen-loading-progress-bar-color: color-mix(in srgb, var(--zen-primary-color), light-dark(rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5)) 70%);
 
   position: fixed;
-  top: calc(-2px - env(hairline));
+  top: calc(var(--zen-element-separation) / -2);
 
   /* Minimum -2px, but if its larger, elemenet separation / -2 will be used as top offset, to avoid overlapping with the notification stack */
-  :root:is([zen-no-padding="true"], [inDOMFullscreen="true"]) & {
+  :root:is([zen-no-padding="true"], [inDOMFullscreen="true"], :not([zen-single-toolbar="true"])) & {
     top: 4px;
   }
 
-  :root[zen-single-toolbar="true"] & {
-    top: calc(var(--zen-element-separation) / -2);
-  }
-
   left: 50%;
   transform: translate(-50%, -50%) scale(0);
   background: var(--zen-loading-progress-bar-color);