diff --git a/front/volume/src/components/Leaderboard.svelte b/front/volume/src/components/Leaderboard.svelte
index 50374da..b1bd652 100644
--- a/front/volume/src/components/Leaderboard.svelte
+++ b/front/volume/src/components/Leaderboard.svelte
@@ -67,16 +67,15 @@
   }
 
   .history {
-    background-color: #343a40;
+    background-color: #343A40;
     border: 1px solid #198754;
     border-radius: 5px;
     padding: 1rem;
-    width: 300px;
-    display: flex;
+    width: 80%;
     justify-content: center;
     max-height: 500px;
-    overflow-y: scroll;
-    color: #e8e6e3;
+    overflow: auto;
+    color: #E8E6E3;
   }
 
   td {
diff --git a/front/volume/src/components/MatchHistory.svelte b/front/volume/src/components/MatchHistory.svelte
index b6a08d5..f6b171c 100644
--- a/front/volume/src/components/MatchHistory.svelte
+++ b/front/volume/src/components/MatchHistory.svelte
@@ -114,17 +114,17 @@
     align-items: center;
   }
 
+
   .history {
-    background-color: #343a40;
+    background-color: #343A40;
     border: 1px solid #198754;
     border-radius: 5px;
     padding: 1rem;
-    width: 300px;
-    display: flex;
+    width: 80%;
     justify-content: center;
     max-height: 500px;
-    overflow-y: scroll;
-    color: #e8e6e3;
+    overflow: auto;
+    color: #E8E6E3;
   }
 
   td {