From eb04fc6208f09c8a1c40026acf64845eab072e5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Tue, 9 Aug 2022 16:10:37 +0300
Subject: [PATCH] Fixed #11796 - OverlayPanel | Close icon overflows in small
 screen (flipped)

---
 src/app/components/overlaypanel/overlaypanel.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/app/components/overlaypanel/overlaypanel.ts b/src/app/components/overlaypanel/overlaypanel.ts
index 9f4345617ef..fc7c167db9e 100755
--- a/src/app/components/overlaypanel/overlaypanel.ts
+++ b/src/app/components/overlaypanel/overlaypanel.ts
@@ -231,6 +231,10 @@ export class OverlayPanel implements AfterContentInit, OnDestroy {
 
         if (containerOffset.top < targetOffset.top) {
             DomHandler.addClass(this.container, 'p-overlaypanel-flipped');
+
+            if (this.showCloseIcon) {
+                this.container.style.marginTop = '30px';
+            }
         }
     }