diff --git a/app/templates/base.html b/app/templates/base.html
index 16e53d9..5cbb21b 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -6,6 +6,9 @@
   <title>{% block title %}CDN{% endblock %} — Static Alpinux</title>
   <link rel="icon" type="image/x-icon" href="https://static.alpinux.org/logo/favicon.ico">
   <link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">
+  <script>
+    (function(){var w=localStorage.getItem('content-width');document.documentElement.style.setProperty('--content-width',w?w+'px':'none');})();
+  </script>
 </head>
 <body>
 
@@ -29,10 +32,10 @@
       <button type="submit" aria-label="Lancer la recherche">🔍</button>
     </form>
     <div class="width-switcher" title="Largeur du contenu">
-      <button data-width="900"  title="Étroit (~900 px)">S</button>
-      <button data-width="1200" title="Normal (~1200 px)">M</button>
-      <button data-width="1600" title="Large (~1600 px)">L</button>
-      <button data-width=""     title="Plein écran">∞</button>
+      <button type="button" data-width="900"  title="Étroit (~900 px)">S</button>
+      <button type="button" data-width="1200" title="Normal (~1200 px)">M</button>
+      <button type="button" data-width="1600" title="Large (~1600 px)">L</button>
+      <button type="button" data-width=""     title="Plein écran">∞</button>
     </div>
     <div class="header-user">
       {% if user %}
@@ -68,22 +71,19 @@
 <script>
 (function () {
   const KEY = 'content-width';
-  const WIDTHS = ['900', '1200', '1600', ''];
   const btns = document.querySelectorAll('.width-switcher button');
 
-  function apply(val) {
-    document.documentElement.style.setProperty(
-      '--content-width', val ? val + 'px' : 'none'
-    );
-    btns.forEach(b => b.classList.toggle('ws-active', b.dataset.width === val));
+  function applyActive(val) {
+    btns.forEach(b => b.classList.toggle('ws-active', b.dataset.width === (val ?? '')));
   }
 
-  apply(localStorage.getItem(KEY) ?? '');
+  applyActive(localStorage.getItem(KEY));
 
   btns.forEach(btn => btn.addEventListener('click', () => {
     const val = btn.dataset.width;
-    localStorage.setItem(KEY, val);
-    apply(val);
+    try { localStorage.setItem(KEY, val); } catch(_) {}
+    document.documentElement.style.setProperty('--content-width', val ? val + 'px' : 'none');
+    applyActive(val);
   }));
 })();
 </script>
