diff --git a/web/frontend/src/components/RealtimeLogPanel.tsx b/web/frontend/src/components/RealtimeLogPanel.tsx
index 89a5363..ea35ead 100644
--- a/web/frontend/src/components/RealtimeLogPanel.tsx
+++ b/web/frontend/src/components/RealtimeLogPanel.tsx
@@ -130,10 +130,14 @@ export default function RealtimeLogPanel({
   return (
     <div style={{ flexShrink: 0, borderTop: `1px solid ${token.colorBorderSecondary}`, ...style }}>
       <div
-        style={{ display: 'flex', alignItems: 'center', cursor: collapsible ? 'pointer' : 'default', padding: '4px 0', userSelect: 'none' }}
-        onClick={() => collapsible && setVisible((value) => !value)}
+        style={{ display: 'flex', alignItems: 'center', padding: '4px 0', userSelect: 'none' }}
       >
-        <span style={{ fontWeight: 500, fontSize: 13 }}>{title}</span>
+        <span
+          style={{ fontWeight: 500, fontSize: 13, cursor: collapsible ? 'pointer' : 'default' }}
+          onClick={() => collapsible && setVisible((value) => !value)}
+        >
+          {title}
+        </span>
         <Select
           size="small"
           value={levelFilter}
@@ -141,7 +145,6 @@ export default function RealtimeLogPanel({
           options={LOG_LEVELS.map((l) => ({ value: l.value, label: l.label }))}
           style={{ marginLeft: 8, width: 80 }}
           popupMatchSelectWidth={false}
-          onClick={(e) => e.stopPropagation()}
         />
         {collapsible && (
           visible ? <UpOutlined style={{ marginLeft: 6, fontSize: 10 }} /> : <DownOutlined style={{ marginLeft: 6, fontSize: 10 }} />