From 2c1aaf09b8c467ac8b0e86fcb5e40602773d1054 Mon Sep 17 00:00:00 2001
From: Fang-Pen Lin <hello@fangpenlin.com>
Date: Thu, 4 Dec 2025 17:31:11 -0800
Subject: [PATCH] Update UI

---
 .../components/HttpEventView.tsx              | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/frontend/src/pages/pam/PamSessionsByIDPage/components/HttpEventView.tsx b/frontend/src/pages/pam/PamSessionsByIDPage/components/HttpEventView.tsx
index e0cf045b7..13189b38a 100644
--- a/frontend/src/pages/pam/PamSessionsByIDPage/components/HttpEventView.tsx
+++ b/frontend/src/pages/pam/PamSessionsByIDPage/components/HttpEventView.tsx
@@ -219,20 +219,22 @@ export const HttpEventView = ({ events }: Props) => {
                   </div>
                 </button>
 
-                {isExpanded && (
-                  <div className="mt-2 space-y-2">
-                    {isRequest ? (
-                      <div className="font-mono text-bunker-100">
-                        <span className="font-semibold text-bunker-200">{event.method}</span>{" "}
-                        <HighlightText text={event.url} highlight={search} />
-                      </div>
-                    ) : (
-                      <div className="font-mono text-bunker-100">
-                        <span className="font-semibold text-bunker-200">Status:</span>{" "}
-                        <HighlightText text={event.status} highlight={search} />
-                      </div>
-                    )}
+                <div className="mt-2">
+                  {isRequest ? (
+                    <div className="font-mono text-bunker-100">
+                      <span className="font-semibold text-bunker-200">{event.method}</span>{" "}
+                      <HighlightText text={event.url} highlight={search} />
+                    </div>
+                  ) : (
+                    <div className="font-mono text-bunker-100">
+                      <span className="font-semibold text-bunker-200">Status:</span>{" "}
+                      <HighlightText text={event.status} highlight={search} />
+                    </div>
+                  )}
+                </div>
 
+                {isExpanded && (
+                  <div className="mt-2 ml-4 pl-3 border-l-2 border-mineshaft-600 space-y-2">
                     {Object.keys(event.headers).length > 0 && (
                       <div className="mt-2 pt-2 border-t border-mineshaft-700">
                         <button