From 12f0c448a787906e4da41a1b79fd9b49803fe350 Mon Sep 17 00:00:00 2001
From: bilalmirza74 <mirzamunawaralibaig4@gmail.com>
Date: Sun, 13 Oct 2024 20:23:53 +0530
Subject: [PATCH] Fix overflow of Media Library

---
 apps/frontend/src/components/media/media.component.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/components/media/media.component.tsx b/apps/frontend/src/components/media/media.component.tsx
index 1b3fcb74..d9393e58 100644
--- a/apps/frontend/src/components/media/media.component.tsx
+++ b/apps/frontend/src/components/media/media.component.tsx
@@ -93,9 +93,9 @@ export const MediaBox: FC<{
   }, [data]);
 
   return (
-    <div className="fixed left-0 top-0 bg-primary/80 z-[300] w-full min-h-full p-[60px] animate-fade">
-      <div className="w-full h-full bg-sixth border-tableBorder border-2 rounded-xl pb-[20px] px-[20px] relative">
-        <div className="flex">
+    <div className="fixed left-0 top-0 bg-primary/80 z-[300] w-full min-h-full p-4 md:p-[60px] animate-fade">
+      <div className="max-w-[1000px] w-full h-full bg-sixth border-tableBorder border-2 rounded-xl pb-[20px] px-[20px] relative mx-auto">
+        <div className="flex flex-col">
           <div className="flex-1">
             <TopTitle title="Media Library" />
           </div>