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