diff --git a/modules/ui/src/styles.scss b/modules/ui/src/styles.scss
index 10213326a..dcb47d83d 100644
--- a/modules/ui/src/styles.scss
+++ b/modules/ui/src/styles.scss
@@ -198,26 +198,35 @@ body:has(.filter-dialog-content)
   opacity: 0;
 }
 
-body:has(app-callout .info):not(:has(app-callout .error))
+body
+  #main:has(app-callout .info):not(:has(app-callout .error))
   app-device-repository:not(:has(.device-repository-content-empty)),
-body:has(app-callout .info):not(:has(app-callout .error))
+body
+  #main:has(app-callout .info):not(:has(app-callout .error))
   app-history:not(:has(.results-content-empty)),
-body:has(app-callout .info):not(:has(app-callout .error))
+body
+  #main:has(app-callout .info):not(:has(app-callout .error))
   app-progress:not(:has(.progress-content-empty)),
-body:has(app-callout .error):not(:has(app-callout .info))
+body
+  #main:has(app-callout .error):not(:has(app-callout .info))
   app-device-repository:not(:has(.device-repository-content-empty)),
-body:has(app-callout .error):not(:has(app-callout .info))
+body
+  #main:has(app-callout .error):not(:has(app-callout .info))
   app-history:not(:has(.results-content-empty)),
-body:has(app-callout .error):not(:has(app-callout .info))
+body
+  #main:has(app-callout .error):not(:has(app-callout .info))
   app-progress:not(:has(.progress-content-empty)) {
   margin-top: 96px;
 }
 
-body:has(app-callout .info):has(app-callout .error)
+body
+  #main:has(app-callout .info):has(app-callout .error)
   app-device-repository:not(:has(.device-repository-content-empty)),
-body:has(app-callout .info):has(app-callout .error)
+body
+  #main:has(app-callout .info):has(app-callout .error)
   app-history:not(:has(.results-content-empty)),
-body:has(app-callout .info):has(app-callout .error)
+body
+  #main:has(app-callout .info):has(app-callout .error)
   app-progress:not(:has(.progress-content-empty)) {
   margin-top: 156px;
 }