diff --git a/src/main/resources/static/html/matchSchedule.html b/src/main/resources/static/html/matchSchedule.html
index adeea4881de9014fb16fc6e21e5177d15a826cdf..3918cc6c3ba489483556ac59c2916cf20ec6df31 100644
--- a/src/main/resources/static/html/matchSchedule.html
+++ b/src/main/resources/static/html/matchSchedule.html
@@ -6,6 +6,13 @@
     <link rel="stylesheet" type="text/css" href="/css/navBar.css">
     <link rel="stylesheet" href="/css/footer.css">
     <link rel="stylesheet" href="/css/matchSchedule.css">
+    <style>
+        .generateBtn{
+            display: flex;
+            justify-content: space-around;
+            margin-bottom: 10px;
+        }
+    </style>
 
 </head>
 <body>
@@ -17,9 +24,12 @@
 
     <div class="container">
 <!--        <h1>Sports League Schedule</h1>-->
-        <button id="generatePoolsMatches">generate Pools</button>
-        <button id="generateDartsMatches">generate Darts</button>
-        <button id="generateTableTennisMatches">generate TableTennis</button>
+        <div class="generateBtn">
+            <button id="generatePoolsMatches">generate Pools</button>
+            <button id="generateDartsMatches">generate Darts</button>
+            <button id="generateTableTennisMatches">generate TableTennis</button>
+        </div>
+
         <!-- Filter -->
         <div class="filter-panel">
             <label for="sportSelect">Filter by Sport:</label>