From ede9ecf6e6a77877eced0abd6d0783ae87dbaef1 Mon Sep 17 00:00:00 2001
From: Daniil Tsivinsky <daniil@tsivinsky.com>
Date: Wed, 18 Feb 2026 23:01:43 +0300
Subject: [PATCH] fix iframe height in `ArticleDrawer`

---
 web/src/app/(home)/ArticleDrawer.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/src/app/(home)/ArticleDrawer.tsx b/web/src/app/(home)/ArticleDrawer.tsx
index c5dcfff..03cf84d 100644
--- a/web/src/app/(home)/ArticleDrawer.tsx
+++ b/web/src/app/(home)/ArticleDrawer.tsx
@@ -18,7 +18,7 @@ export const ArticleDrawer = ({ article, children }: ArticleDrawerProps) => {
     <>
       {cloneElement(children, { onClick: () => setOpen(true) })}
       {open && (
-        <Drawer open onClose={() => setOpen(false)}>
+        <Drawer className="flex flex-col" open onClose={() => setOpen(false)}>
           <div className="flex justify-between w-full">
             <div className="flex items-center gap-3">
               <h2
@@ -38,10 +38,12 @@ export const ArticleDrawer = ({ article, children }: ArticleDrawerProps) => {
               </a>
             </div>
           </div>
-          <iframe
-            src={`/articles/${article.id}/body`}
-            className="mt-4 w-full h-full"
-          />
+          <div className="w-full h-full">
+            <iframe
+              src={`/articles/${article.id}/body`}
+              className="mt-4 w-full h-full"
+            />
+          </div>
         </Drawer>
       )}
     </>