diff --git a/src/components/studio/right-panel-close-button.tsx b/src/components/studio/right-panel-close-button.tsx
index d38999fd..b11c71cf 100644
--- a/src/components/studio/right-panel-close-button.tsx
+++ b/src/components/studio/right-panel-close-button.tsx
@@ -2,10 +2,17 @@ import { X } from 'lucide-react'
 
 export const CLOSE_PANEL_LABEL = 'Close panel'
 
-export const PanelCloseButton = ({ onClose }: { onClose: () => void }) => (
+export const PanelCloseButton = ({
+  onClose,
+  title = CLOSE_PANEL_LABEL,
+}: {
+  onClose: () => void
+  title?: string
+}) => (
   <button
     onClick={onClose}
     className="flex min-h-[44px] min-w-[44px] items-center justify-center text-ink-faint transition-colors hover:text-ink focus-ring"
+    title={title}
     aria-label={CLOSE_PANEL_LABEL}
   >
     <X className="h-4 w-4" />
diff --git a/src/components/studio/right-panel.test.tsx b/src/components/studio/right-panel.test.tsx
index e3661a93..12e8d4e3 100644
--- a/src/components/studio/right-panel.test.tsx
+++ b/src/components/studio/right-panel.test.tsx
@@ -179,7 +179,10 @@ describe('RightPanel', () => {
   it('closes SearchPanel via its close button', () => {
     rightPanelOpen = true
     render(<RightPanel />)
-    fireEvent.click(screen.getByRole('button', { name: 'Close panel' }))
+    const closeBtn = screen.getByRole('button', { name: 'Close panel' })
+    expect(closeBtn.getAttribute('title')).toBe('Close panel')
+    expect(closeBtn.getAttribute('aria-label')).toBe('Close panel')
+    fireEvent.click(closeBtn)
     expect(mockSetRightPanelOpen).toHaveBeenCalledWith(false)
   })