diff --git a/resources/css/article-main.css b/resources/css/article-main.css
index 8ee3a62..e51b654 100644
--- a/resources/css/article-main.css
+++ b/resources/css/article-main.css
@@ -37,7 +37,8 @@ #article-main {
 
         .drop {
             font-size: 1rem;
-            width: var(--design-width);
+            max-width: var(--design-width);
+            width: 100%;
             margin: 0 auto;
             color: #6c7a89;
             background: #01010c radial-gradient(at bottom center, #00101f, #000614, #01010c) no-repeat;
@@ -150,11 +151,11 @@ #article-main {
         }
 
         hr {
-            width: var(--design-width);
+            max-width: var(--design-width);
+            width: 100%;
             border: none;
             height: 1px;
             background: linear-gradient(to right, #030712 0%, #030712 20%, #1a1f33 50%, #030712 80%, #030712 100%);
-            margin: 20px 0;
             margin: 1em auto;
         }
 
@@ -186,7 +187,8 @@ #article-main {
             overflow: auto;
             border: solid 2px #112;
             border-radius: .5rem;
-            width: var(--design-width);
+            max-width: var(--design-width);
+            width: 100%;
             max-height: 80vh;
             margin: 1em auto;
             background: rgb(13, 13, 23) !important;
diff --git a/resources/css/chat.css b/resources/css/chat.css
index 4c3814d..adc308b 100644
--- a/resources/css/chat.css
+++ b/resources/css/chat.css
@@ -4,7 +4,8 @@ .chat {
     border-radius: 8px;
     padding: 10px;
     margin: 20px auto;
-    width: var(--design-width);
+    max-width: var(--design-width);
+    width: 100%;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
     font-size: .8em;
     line-height: 125%;
diff --git a/resources/css/form.css b/resources/css/form.css
index 8cac71c..1248337 100644
--- a/resources/css/form.css
+++ b/resources/css/form.css
@@ -1,5 +1,6 @@
 form {
-    width: var(--design-width);
+    max-width: var(--design-width);
+    width: 100%;
     margin: auto;
 
     input[type=checkbox] {
diff --git a/resources/css/tables.css b/resources/css/tables.css
index 848f919..e818761 100644
--- a/resources/css/tables.css
+++ b/resources/css/tables.css
@@ -1,27 +1,28 @@
 table {
-    width: var(--design-width);                      /* Utilise toute la largeur disponible */
-    border-collapse: collapse;        /* Les bordures des cellules sont fusionnées */
-    margin: 1em auto;                   /* Espacement autour du tableau */
-    background-color: #282c34;        /* Fond sombre pour les tableaux */
-    color: #e4f1fe;                   /* Texte en couleur claire pour un bon contraste */
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Ombre subtile pour un effet de profondeur */
+    max-width: var(--design-width);
+    width: 100%;
+    border-collapse: collapse;
+    margin: 1em auto;              
+    background-color: #282c34;   
+    color: #e4f1fe;                
+    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
     font-size: 1rem;
     line-height: 125%;
 }
 
 th,
 td {
-    border: 1px solid #3a3f4b;        /* Bordures des cellules en gris sombre */
-    padding: 8px 12px;                /* Padding pour rendre le texte plus lisible */
-    text-align: left;                 /* Alignement du texte à gauche */
-    vertical-align: middle;           /* Alignement vertical au milieu */
+    border: 1px solid #3a3f4b;       
+    padding: 8px 12px;              
+    text-align: left;               
+    vertical-align: middle;         
 }
 
 th {
-    background-color: #1c2028;        /* Fond des entêtes un peu plus distinct */
-    font-weight: bold;                /* Texte en gras pour les entêtes */
+    background-color: #1c2028;      
+    font-weight: bold;               
 }
 
 tbody tr:nth-child(odd) {
-    background-color: #32363f;        /* Alternance de couleurs pour les lignes */
+    background-color: #32363f;       
 }