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>
       )}
     </>