diff --git a/internal/api/ui/login/static/resources/themes/scss/styles/header/header.scss b/internal/api/ui/login/static/resources/themes/scss/styles/header/header.scss
index 58b345c43..ad7901edd 100644
--- a/internal/api/ui/login/static/resources/themes/scss/styles/header/header.scss
+++ b/internal/api/ui/login/static/resources/themes/scss/styles/header/header.scss
@@ -18,5 +18,12 @@ $lgn-header-margin: auto;
     max-width: 250px;
     max-height: 150px;
     object-fit: contain;
+
+    .lgn-dark-theme &.lgn-logo-light {
+      display: none;
+    }
+    .lgn-light-theme &.lgn-logo-dark {
+      display: none;
+    }
   }
 }
diff --git a/internal/api/ui/login/static/templates/header.html b/internal/api/ui/login/static/templates/header.html
index 34d508fb5..bad87a39e 100644
--- a/internal/api/ui/login/static/templates/header.html
+++ b/internal/api/ui/login/static/templates/header.html
@@ -1,17 +1,17 @@
 {{define "header"}}
 <header class="lgn-header">
     {{ if hasCustomPolicy .LabelPolicy }}
-        {{ $logo := customLogoResource .PrivateLabelingOrgID .LabelPolicy .DarkMode }}
-        {{if $logo}}
-            <img class="lgn-logo" src="{{$logo}}" alt="Logo">
+        {{ $logoDark := customLogoResource .PrivateLabelingOrgID .LabelPolicy true }}
+        {{ $logoLight := customLogoResource .PrivateLabelingOrgID .LabelPolicy false }}
+        {{if $logoDark}}
+            <img class="lgn-logo lgn-logo-dark" src="{{$logoDark}}" alt="Logo">
+        {{end}}
+        {{if $logoLight}}
+        <img class="lgn-logo lgn-logo-light" src="{{$logoLight}}" alt="Logo">
         {{end}}
     {{ else }}
-
-        {{if .DarkMode }}
-            <img class="lgn-logo" src="{{ resourceThemeUrl "logo-light.svg" .Theme }}" alt="Logo">
-        {{else}}
-            <img class="lgn-logo" src="{{ resourceThemeUrl "logo-dark.svg" .Theme }}" alt="Logo">
-        {{end}}
+        <img class="lgn-logo lgn-logo-dark" src="{{ resourceThemeUrl "logo-light.svg" .Theme }}" alt="Logo">
+        <img class="lgn-logo lgn-logo-light" src="{{ resourceThemeUrl "logo-dark.svg" .Theme }}" alt="Logo">
     {{end}}
 </header>
 {{end}}