From 9673b25ab3e380f35bceba6ed26043ecb51a0fff Mon Sep 17 00:00:00 2001
From: Jack Kingsman <jack.kingsman@gmail.com>
Date: Sun, 8 Mar 2026 17:38:20 -0700
Subject: [PATCH] yeeeikes fix raw packet feed sorry

---
 frontend/src/App.tsx                      | 7 ++-----
 frontend/src/components/RawPacketList.tsx | 4 ++--
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 6e8b9a9..b6e3df0 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -694,10 +694,7 @@ export function App() {
           </SheetContent>
         </Sheet>
 
-        <main
-          id="main-content"
-          className="flex-1 flex flex-col bg-background min-w-0 min-h-0 overflow-hidden"
-        >
+        <main id="main-content" className="flex-1 flex flex-col bg-background min-w-0">
           <div
             className={cn(
               'flex-1 flex flex-col min-h-0',
@@ -737,7 +734,7 @@ export function App() {
                   <h2 className="flex justify-between items-center px-4 py-2.5 border-b border-border font-semibold text-base">
                     Raw Packet Feed
                   </h2>
-                  <div className="flex-1 min-h-0 overflow-hidden relative">
+                  <div className="flex-1 overflow-hidden">
                     <RawPacketList packets={rawPackets} />
                   </div>
                 </>
diff --git a/frontend/src/components/RawPacketList.tsx b/frontend/src/components/RawPacketList.tsx
index 4e90921..823ff1a 100644
--- a/frontend/src/components/RawPacketList.tsx
+++ b/frontend/src/components/RawPacketList.tsx
@@ -202,14 +202,14 @@ export function RawPacketList({ packets }: RawPacketListProps) {
 
   if (packets.length === 0) {
     return (
-      <div className="absolute inset-0 overflow-y-auto p-5 text-center text-muted-foreground">
+      <div className="h-full overflow-y-auto p-5 text-center text-muted-foreground">
         No packets received yet. Packets will appear here in real-time.
       </div>
     );
   }
 
   return (
-    <div className="absolute inset-0 overflow-y-auto p-4 flex flex-col gap-2" ref={listRef}>
+    <div className="h-full overflow-y-auto p-4 flex flex-col gap-2" ref={listRef}>
       {sortedPackets.map(({ packet, decoded }) => (
         <div
           key={getRawPacketObservationKey(packet)}