diff --git a/src-tauri/src/commands.rs b/src-tauri/src/commands.rs
index 23dfa13..a22fe6a 100644
--- a/src-tauri/src/commands.rs
+++ b/src-tauri/src/commands.rs
@@ -546,7 +546,13 @@ pub async fn open_image_viewer(
         builder = builder.position(x, y);
     }
 
-    builder.build().map_err(|e| e.to_string())?;
+    let viewer = builder.build().map_err(|e| e.to_string())?;
+    viewer.eval(r#"(function(){
+        var s=document.createElement('style');
+        s.textContent='::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*{scrollbar-width:none!important}';
+        var apply=function(){if(document.head)document.head.appendChild(s)};
+        if(document.head)apply();else document.addEventListener('DOMContentLoaded',apply);
+    })();"#).ok();
     Ok(())
 }
 
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index 815fc70..177ec6a 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -21,6 +21,12 @@ pub fn run() {
                 use webkit2gtk::WebViewExt;
 
                 let window = app.get_webview_window("main").expect("no main window");
+                window.eval(r#"(function(){
+                    var s=document.createElement('style');
+                    s.textContent='*:not(.with-scrollbar)::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*:not(.with-scrollbar){scrollbar-width:none!important}';
+                    var apply=function(){if(document.head)document.head.appendChild(s)};
+                    if(document.head)apply();else document.addEventListener('DOMContentLoaded',apply);
+                })();"#).ok();
                 window.with_webview(|wv| {
                     let webkit_view = wv.inner();
                     if let Some(parent) = webkit_view.parent() {
diff --git a/src/components/GuideView.tsx b/src/components/GuideView.tsx
index ba7e4d2..acfbf98 100644
--- a/src/components/GuideView.tsx
+++ b/src/components/GuideView.tsx
@@ -1,5 +1,4 @@
 import { useEffect, useState } from "react";
-import { openUrl } from "@tauri-apps/plugin-opener";
 import { useStore } from "../store";
 import { SectionItem, QuestItem, CombatType } from "../types";
 import QuestDetailPanel from "./QuestDetailPanel";
@@ -55,7 +54,7 @@ export default function GuideView() {
 
   return (
     <div style={{ flex: 1, display: "flex", overflow: "hidden", minHeight: 0, position: "relative" }}>
-      <div style={{ flex: 1, overflowY: "auto", padding: "20px 24px" }}>
+      <div className="with-scrollbar" style={{ flex: 1, overflowY: "auto", padding: "20px 24px" }}>
 
         {/* Header */}
         <div style={{ marginBottom: "20px" }}>
@@ -181,7 +180,7 @@ export default function GuideView() {
 
           {/* List */}
           {!resourcesCollapsed && (
-            <div style={{ flex: 1, overflowY: "auto", padding: "10px 14px", scrollbarWidth: "none" }}>
+            <div className="with-scrollbar" style={{ flex: 1, overflowY: "auto", padding: "10px 14px" }}>
               {resources.map((r, i) => {
                 const owned = resourceInventory[r.name] ?? 0;
                 const done = owned >= r.quantity;
diff --git a/src/components/HomeView.tsx b/src/components/HomeView.tsx
index beabde5..6f766ed 100644
--- a/src/components/HomeView.tsx
+++ b/src/components/HomeView.tsx
@@ -11,7 +11,7 @@ export default function HomeView() {
   const inProgressGuides = guides.filter(g => g.completed_quests > 0 && g.completed_quests < g.total_quests);
 
   return (
-    <div style={{ flex: 1, overflowY: "auto", padding: "20px 24px", minHeight: 0 }}>
+    <div className="with-scrollbar" style={{ flex: 1, overflowY: "auto", padding: "20px 24px", minHeight: 0 }}>
       {/* Header */}
       <div style={{ marginBottom: "20px" }}>
         <h1 style={{ fontSize: "20px", fontWeight: 700, color: "#f0c040", marginBottom: "2px" }}>
diff --git a/src/components/QuestDetailPanel.tsx b/src/components/QuestDetailPanel.tsx
index 3293690..7f06fd7 100644
--- a/src/components/QuestDetailPanel.tsx
+++ b/src/components/QuestDetailPanel.tsx
@@ -120,7 +120,7 @@ export default function QuestDetailPanel({ questName, questUrl, profileId, onClo
       </div>
 
       {/* Content */}
-      <div style={{ flex: 1, overflowY: "auto", padding: "12px 16px", scrollbarWidth: "none" }}>
+      <div className="with-scrollbar" style={{ flex: 1, overflowY: "auto", padding: "12px 16px" }}>
         {loading && (
           <div style={{ display: "flex", alignItems: "center", justifyContent: "center", height: "120px", color: "#4a5568", fontSize: "13px" }}>
             <span style={{ animation: "spin 1s linear infinite", display: "inline-block", marginRight: "8px" }}>↻</span>
diff --git a/src/components/ResizeHandles.tsx b/src/components/ResizeHandles.tsx
index 8048203..54d5265 100644
--- a/src/components/ResizeHandles.tsx
+++ b/src/components/ResizeHandles.tsx
@@ -1,9 +1,9 @@
 import { getCurrentWindow } from "@tauri-apps/api/window";
-import type { ResizeEdge } from "@tauri-apps/api/window";
+import type { ResizeDirection } from "@tauri-apps/api/window";
 
 const S = 8; // grab zone size in px
 
-const handles: { edge: ResizeEdge; style: React.CSSProperties }[] = [
+const handles: { edge: ResizeDirection; style: React.CSSProperties }[] = [
   { edge: "North",     style: { top: 0,  left: S,  right: S,  height: S, cursor: "n-resize"  } },
   { edge: "South",     style: { bottom: 0, left: S, right: S, height: S, cursor: "s-resize"  } },
   { edge: "West",      style: { top: S,  left: 0,  bottom: S, width: S,  cursor: "w-resize"  } },
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 95355f6..6627876 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -15,7 +15,6 @@ export default function Sidebar() {
   const { guides, openGuide, activeGuideGid, view, sidebarCollapsed, setSidebarCollapsed } = useStore();
   const [search, setSearch] = useState("");
   const collapsed = sidebarCollapsed;
-  const setCollapsed = setSidebarCollapsed;
   const windowWidth = useWindowWidth();
   const isOverlay = collapsed || windowWidth < 500;
 
@@ -41,8 +40,7 @@ export default function Sidebar() {
     }}>
       {/* Toggle button */}
       <button
-        onClick={() => setCollapsed(c => !c)}
-        title={collapsed ? "Ouvrir le menu" : "Réduire le menu"}
+        onClick={() => setSidebarCollapsed(!sidebarCollapsed)}        title={collapsed ? "Ouvrir le menu" : "Réduire le menu"}
         style={{
           width: "100%",
           height: "36px",
diff --git a/src/index.css b/src/index.css
index 93f69d7..1f764ce 100644
--- a/src/index.css
+++ b/src/index.css
@@ -40,14 +40,13 @@ html, body {
   padding: 0;
 }
 
-html::-webkit-scrollbar,
-body::-webkit-scrollbar {
+::-webkit-scrollbar {
   display: none;
   width: 0;
   height: 0;
 }
 
-html, body {
+* {
   scrollbar-width: none;
 }
 
@@ -65,20 +64,25 @@ body {
   user-select: none;
 }
 
-/* Custom scrollbar */
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+/* Scrollbar explicite sur les zones qui en ont besoin */
+.with-scrollbar {
+  scrollbar-width: thin !important;
+  scrollbar-color: var(--color-border-bright) var(--color-bg-deep) !important;
 }
-::-webkit-scrollbar-track {
-  background: var(--color-bg-deep);
+.with-scrollbar::-webkit-scrollbar {
+  display: block !important;
+  width: 4px !important;
+  height: 4px !important;
 }
-::-webkit-scrollbar-thumb {
-  background: var(--color-border-bright);
-  border-radius: 3px;
+.with-scrollbar::-webkit-scrollbar-track {
+  background: var(--color-bg-deep) !important;
 }
-::-webkit-scrollbar-thumb:hover {
-  background: var(--color-gold-dim);
+.with-scrollbar::-webkit-scrollbar-thumb {
+  background: var(--color-border-bright) !important;
+  border-radius: 2px !important;
+}
+.with-scrollbar::-webkit-scrollbar-thumb:hover {
+  background: var(--color-gold-dim) !important;
 }
 
 /* Checkbox custom */
diff --git a/src/store.ts b/src/store.ts
index d058d8e..2a38db4 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -12,6 +12,7 @@ interface AppState {
   syncing: boolean;
   syncProgress: { current: number; total: number; label: string } | null;
   view: "home" | "guide";
+  sidebarCollapsed: boolean;
   resourcesPanelCollapsed: boolean;
   resourceInventory: Record<string, number>;
 
@@ -25,6 +26,7 @@ interface AppState {
 
   loadGuides: () => Promise<void>;
   openGuide: (gid: string) => Promise<void>;
+  setSidebarCollapsed: (collapsed: boolean) => void;
   closeGuide: () => void;
 
   toggleQuest: (questName: string) => Promise<void>;
@@ -43,6 +45,7 @@ export const useStore = create<AppState>((set, get) => ({
   syncing: false,
   syncProgress: null,
   view: "home",
+  sidebarCollapsed: false,
   resourcesPanelCollapsed: false,
   resourceInventory: {},
 
@@ -111,6 +114,8 @@ export const useStore = create<AppState>((set, get) => ({
     set({ activeGuideGid: gid, activeGuideData: data, view: "guide" });
   },
 
+  setSidebarCollapsed: (collapsed) => set({ sidebarCollapsed: collapsed }),
+
   closeGuide: () => {
     invoke("set_setting", { key: "active_guide", value: "" });
     set({ activeGuideGid: null, activeGuideData: null, view: "home" });