diff --git a/packages/components/popover/__screenshots__/01-dark.png b/packages/components/popover/__screenshots__/01-dark.png
index 024150278..12948ae7d 100644
Binary files a/packages/components/popover/__screenshots__/01-dark.png and b/packages/components/popover/__screenshots__/01-dark.png differ
diff --git a/packages/components/popover/__screenshots__/01-light.png b/packages/components/popover/__screenshots__/01-light.png
index ce64506b7..25cf27caa 100644
Binary files a/packages/components/popover/__screenshots__/01-light.png and b/packages/components/popover/__screenshots__/01-light.png differ
diff --git a/packages/components/popover/_popover-theme.scss b/packages/components/popover/_popover-theme.scss
index 5b13a888f..6acdc53a6 100644
--- a/packages/components/popover/_popover-theme.scss
+++ b/packages/components/popover/_popover-theme.scss
@@ -18,7 +18,7 @@
         background: var(--kbq-popover-container-background);
     }
 
-    .kbq-popover__close {
+    .kbq-popover__close.kbq-popover__close_background-overlay-inverse {
         background-color: var(--kbq-background-overlay-inverse);
     }
 
diff --git a/packages/components/popover/popover.component.html b/packages/components/popover/popover.component.html
index bdab43021..39a774393 100644
--- a/packages/components/popover/popover.component.html
+++ b/packages/components/popover/popover.component.html
@@ -73,7 +73,7 @@
     }
 
     <ng-template #closeButton>
-        <div class="kbq-popover__close">
+        <div class="kbq-popover__close" [class.kbq-popover__close_background-overlay-inverse]="!header">
             <button kbq-button class="kbq-button_transparent" [color]="componentColors.Contrast" (click)="hide(0)">
                 <i kbq-icon="kbq-xmark_16" [color]="componentColors.Contrast"></i>
             </button>