diff --git a/alpha/webapps/pixels_binaires.html b/alpha/webapps/pixels_binaires.html
index b097ab4..aab58eb 100644
--- a/alpha/webapps/pixels_binaires.html
+++ b/alpha/webapps/pixels_binaires.html
@@ -118,7 +118,7 @@
 
         /* ========== APP CONTENT ========== */
         .app-content {
-            display: flex; flex-direction: column; width: 100%; max-width: var(--container-max-width, 1400px); gap: 20px;
+            display: flex; flex-direction: column; width: 100%; max-width: var(--container-max-width, 1400px); margin: 0 auto; gap: 20px;
             align-items: center;
         }
 
@@ -127,7 +127,7 @@
 
 
 
-        .instructions {
+        .chal-instruction {
             text-align: center;
             margin-bottom: 20px;
             color: var(--text-main);
@@ -416,7 +416,7 @@ <h1>Pixels Binaires</h1>
         <div id="mode-decodage" class="mode-container active">
             <div class="card" style="width: 100%;">
                 <div class="card-badge">Décodage</div>
-                <div class="instructions">Lis le code binaire et reproduis l'image sur la grille !</div>
+                <div class="chal-instruction">Lis le code binaire et reproduis l'image sur la grille !</div>
 
                 <div class="side-by-side">
                     <div class="binary-col">
@@ -427,7 +427,7 @@ <h1>Pixels Binaires</h1>
                     <div class="grid-col" style="display: flex; flex-direction: column; align-items: center; gap: 15px;">
                         <div class="pixel-grid" id="grid-decodage"></div>
 
-                        <button class="btn" id="btn-check"><i data-fa="circle-check"></i> Valider</button>
+                        <button class="btn btn-small" id="btn-check"><i data-fa="circle-check"></i> Valider</button>
                     </div>
                 </div>
             </div>
@@ -453,7 +453,7 @@ <h3>Collection</h3>
         <div id="mode-codage" class="mode-container">
             <div class="card" style="width: 100%;">
                 <div class="card-badge">Éditeur</div>
-                <div class="instructions">Dessine sur la grille pour voir le code binaire se générer.</div>
+                <div class="chal-instruction">Dessine sur la grille pour voir le code binaire se générer.</div>
 
                 <div class="side-by-side">
                     <div class="grid-col">
@@ -463,8 +463,8 @@ <h3>Collection</h3>
                         <div class="binary-container" style="width: 100%;">
                             <div class="binary-text" id="output-codage">00000000000000000000000000000000000000000000000000</div>
                             <div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;">
-                                <button class="btn" id="btn-copy"><i data-fa="copy"></i> Copier le code</button>
-                                <button class="btn" id="btn-clear-codage" style="background: var(--error);"><i data-fa="trash-can"></i> Effacer</button>
+                                <button class="btn btn-small" id="btn-copy"><i data-fa="copy"></i> Copier le code</button>
+                                <button class="btn btn-small" id="btn-clear-codage" style="background: var(--error);"><i data-fa="trash-can"></i> Effacer</button>
                             </div>
                         </div>
                     </div>