From 5686ff9e7569648a02c68617de8de6a43c680c04 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fatih=20Kadir=20Ak=C4=B1n?= <fatihkadirakin@gmail.com>
Date: Wed, 18 Mar 2026 18:05:17 +0300
Subject: [PATCH] style(css): update Ezoic ad styling for centering and
 constraining

---
 src/app/globals.css                      | 6 ++++++
 src/components/ads/ezoic-placeholder.tsx | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 4790b332..36c2edc8 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -867,3 +867,9 @@
   font-weight: 600;
 }
 
+/* Ezoic ad content: center and constrain injected ad creatives */
+.ezoic-ad-content * {
+  max-width: 100% !important;
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
diff --git a/src/components/ads/ezoic-placeholder.tsx b/src/components/ads/ezoic-placeholder.tsx
index afabbf90..a249615f 100644
--- a/src/components/ads/ezoic-placeholder.tsx
+++ b/src/components/ads/ezoic-placeholder.tsx
@@ -40,7 +40,7 @@ export function EzoicPlaceholder({ id }: EzoicPlaceholderProps) {
           {t("ad")}
         </span>
       </div>
-      <div className="max-w-full overflow-hidden">
+      <div className="ezoic-ad-content overflow-hidden flex items-center justify-center">
         {isRendered && <div id={`ezoic-pub-ad-placeholder-${id}`} />}
       </div>
     </div>