From 69e88a0b756e9f53cebfea45d98a2b0a01f9ffc4 Mon Sep 17 00:00:00 2001
From: Dhanoj0810 <142652835+Dhanoj0810@users.noreply.github.com>
Date: Tue, 28 Oct 2025 13:57:44 +0530
Subject: [PATCH] [#196] | Dhanoj | Implemented overflow in response header

---
 .../ResponseHeadersPanel/index.scss           | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/ResponseHeadersPanel/index.scss b/src/components/ResponseHeadersPanel/index.scss
index db52eb7..8330995 100644
--- a/src/components/ResponseHeadersPanel/index.scss
+++ b/src/components/ResponseHeadersPanel/index.scss
@@ -3,11 +3,13 @@
 .response-headers-panel {
   display: flex;
   flex-direction: column;
+  overflow-y: auto;
+  overflow-x: wrap;
   align-items: flex-start;
   padding: 0.2rem 1rem;
   .headers-table {
     border-collapse: collapse;
-    width: 45vw;
+    width: 100%;
 
     tr:nth-child(even) {
       background-color: colors.$primary-light-color;
@@ -62,3 +64,20 @@
     color: colors.$secondary-light-color;
   }
 }
+
+.response-headers-panel::-webkit-scrollbar {
+  height: 7px;
+  width: 7px;
+}
+
+.response-headers-panel::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: #272822; /* Matches ace monokai */
+  border-radius: 10px;
+}
+
+.response-headers-panel::-webkit-scrollbar-thumb {
+  background-color: darkgrey;
+  outline: 1px solid slategrey;
+  border-radius: 10px;
+}