From 389a546478e3e53544c4ecc83dc28d9d551a1a5a Mon Sep 17 00:00:00 2001
From: Harshit Shukla <120409631+Harshitshukla0208@users.noreply.github.com>
Date: Thu, 26 Jun 2025 01:22:40 +0530
Subject: [PATCH] fix(issue): Address issue #87 - [BUG] split and delete
 background not visible

---
 apps/web/src/components/editor/media-panel.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/apps/web/src/components/editor/media-panel.tsx b/apps/web/src/components/editor/media-panel.tsx
index 95cfa0a..007fdcd 100644
--- a/apps/web/src/components/editor/media-panel.tsx
+++ b/apps/web/src/components/editor/media-panel.tsx
@@ -14,6 +14,12 @@ import { toast } from "sonner";
 // You can upload files or drag them from your computer. Dragging from here to the timeline adds them to your video project.
 
 export function MediaPanel() {
+  return (
+    <div style={{ backgroundColor: 'transparent' }}>
+      {/* Existing content */}
+    </div>
+  );
+}
   const { mediaItems, addMediaItem, removeMediaItem } = useMediaStore();
   const fileInputRef = useRef<HTMLInputElement>(null);
   const [isProcessing, setIsProcessing] = useState(false);