diff --git a/apps/client/src/widgets/sidebar/RightPanelContainer.css b/apps/client/src/widgets/sidebar/RightPanelContainer.css
index 424c34501..4153db7c1 100644
--- a/apps/client/src/widgets/sidebar/RightPanelContainer.css
+++ b/apps/client/src/widgets/sidebar/RightPanelContainer.css
@@ -10,6 +10,7 @@ body.experimental-feature-new-layout #right-pane {
 
         .card-header {
             padding-block: 0.2em;
+            cursor: pointer;
 
             .card-header-title {
                 padding-inline: 0.5em;
diff --git a/apps/client/src/widgets/sidebar/RightPanelWidget.tsx b/apps/client/src/widgets/sidebar/RightPanelWidget.tsx
index b421ba3c3..7f2aceedf 100644
--- a/apps/client/src/widgets/sidebar/RightPanelWidget.tsx
+++ b/apps/client/src/widgets/sidebar/RightPanelWidget.tsx
@@ -25,12 +25,12 @@ export default function RightPanelWidget({ title, buttons, children }: RightPane
             ref={containerRef}
             class={clsx("card widget", !expanded && "collapsed")}
         >
-            <div class="card-header">
+            <div
+                class="card-header"
+                onClick={() => setExpanded(!expanded)}
+            >
                 <Icon
                     icon="bx bx-chevron-down"
-                    onClick={() => {
-                        setExpanded(!expanded);
-                    }}
                 />
                 <div class="card-header-title">{title}</div>
                 <div class="card-header-buttons">{buttons}</div>