diff --git a/app/static/app.css b/app/static/app.css
index 142e907..29341c9 100644
--- a/app/static/app.css
+++ b/app/static/app.css
@@ -11,7 +11,7 @@
 }
 
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-html { overflow-y: scroll; } /* scrollbar toujours présente → pas de décalage entre pages */
+html { overflow-y: scroll; scrollbar-gutter: stable; }
 body { font-family: 'Segoe UI', system-ui, sans-serif; background: var(--bg); color: var(--text); min-height: 100vh; display: flex; flex-direction: column; }
 main { flex: 1; }
 a { color: var(--blue); text-decoration: none; }
diff --git a/app/templates/preview_image.html b/app/templates/preview_image.html
index fb4dab6..6066684 100644
--- a/app/templates/preview_image.html
+++ b/app/templates/preview_image.html
@@ -72,8 +72,12 @@
         'ExposureProgram':'Programme','MeteringMode':'Mesure',
         'Orientation':'Orientation','Artist':'Auteur',
         'Copyright':'Copyright', 'ColorSpace':'Espace colorimétrique',
+        'XResolution':'Résolution X','YResolution':'Résolution Y',
+        'ResolutionUnit':'Unité résolution',
         'GPS':'Coordonnées GPS',
       } %}
+      {% set color_spaces = {1: 'sRGB', 2: 'Adobe RGB', 65535: 'Non calibré'} %}
+      {% set resolution_units = {1: 'Sans unité', 2: 'pouces', 3: 'cm'} %}
       {% for key, val in meta.exif.items() %}
       <div class="meta-item">
         <span class="meta-label">{{ labels.get(key, key) }}</span>
@@ -81,6 +85,10 @@
           {% if key == 'GPS' and val %}
             <a href="https://www.openstreetmap.org/?mlat={{ val.split(',')[0].strip() }}&mlon={{ val.split(',')[1].strip() }}&zoom=15"
                target="_blank" rel="noopener">{{ val }}</a>
+          {% elif key == 'ColorSpace' %}
+            {{ color_spaces.get(val | int, val) }}
+          {% elif key == 'ResolutionUnit' %}
+            {{ resolution_units.get(val | int, val) }}
           {% else %}
             {{ val }}
           {% endif %}