---
name: feedback-sidebar-expand-overlay
description: Fix couleur parasite au survol du logo en sidebar réduite — utiliser background:transparent !important sur .sidebar-expand-overlay
metadata: 
  node_type: memory
  type: feedback
  originSessionId: 21fbd9de-5545-4f5d-8809-a41863f7cdb6
---

Le bouton `.sidebar-expand-overlay` (position: absolute; inset: 0) provoque une couleur parasite au survol même avec `background: none`, car le navigateur applique ses propres styles par défaut sur `<button>:hover`.

**Why:** Le bouton couvre toute la zone `.sidebar-brand` en mode collapsed. Les styles par défaut du navigateur s'appliquent sur le `:hover` du `<button>` malgré `background: none`.

**How to apply:** Toujours ajouter sur `.sidebar-expand-overlay` :
```css
background: transparent !important;
-webkit-appearance: none; appearance: none;
outline: none;
```
Et les mêmes règles sur `:hover`, `:focus`, `:active`.
L'effet visuel passe uniquement par `filter: brightness(1.18)` sur `.sidebar-brand-logo` au hover.
