diff --git a/apps/theming/css/ionos/_layout.css b/apps/theming/css/ionos/_layout.css
index b79bce76f8cc3..3120f27d8845a 100644
--- a/apps/theming/css/ionos/_layout.css
+++ b/apps/theming/css/ionos/_layout.css
@@ -1,5 +1,7 @@
 #body-settings #header,
-#body-user #header {
+#body-user #header,
+#body-login #header,
+#body-public #header {
 	box-shadow: var(--ion-shadow-header);
 	background-color: var(--ion-color-main-background) !important;
 	height: var(--header-height);
@@ -13,11 +15,28 @@
 	}
 
 	.logo {
-	width: 350px;
-	height: 84px;
-	top: inherit;
-	bottom: inherit;
-	filter: none;
+		width: 350px;
+		height: 84px;
+		top: inherit;
+		bottom: inherit;
+		filter: none;
+		@media (prefers-color-scheme: dark) {
+			filter: invert(100%) saturate(1%) brightness(99%) contrast(200%);
+		}
+	}
+
+	.header-info {
+		margin-top: 8px;
+		::before {
+			content: "| ";
+		}
+		@media (prefers-color-scheme: dark) {
+			filter: invert(100%) saturate(1%) brightness(99%) contrast(200%);
+		}
+
+		@media (max-width: 768px) {
+			display: none;
+		}
 	}
 
 	.app-menu-entry--active::before {
@@ -62,10 +81,8 @@
 	}
 }
 
-@media (prefers-color-scheme: dark) {
-	#header .logo {
-		filter: invert(100%) saturate(1%) brightness(99%) contrast(200%);
-	}
+#body-login #header  .logo {
+	top: -20px;
 }
 
 .header-end svg {