diff --git a/ProjectSourceCode/src/resources/css/league-pages/league-page.css b/ProjectSourceCode/src/resources/css/league-pages/league-page.css
index 112cfbf..3f8f867 100644
--- a/ProjectSourceCode/src/resources/css/league-pages/league-page.css
+++ b/ProjectSourceCode/src/resources/css/league-pages/league-page.css
@@ -1,7 +1,7 @@
 #league-page-body {
     display: flex;
     flex-direction: column;
-    width: 100v;
+    width: 100vh;
 }
 
 #league-information-container {
@@ -72,14 +72,10 @@
     box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
 }
 
-@media (max-width: 1161px) {
-    #league-stats-container {
-        flex-direction: column;
-    }
-
-    #league-table-and-information-container,
-    #top-scorers-container {
-        width: 100%; /* Both containers take full width */
+@media (max-width: 950px) {
+    #league-stats-containers {
+        flex-direction: column; /* Change flex direction to column */
     }
 }
+
     
\ No newline at end of file
diff --git a/ProjectSourceCode/src/resources/css/league-pages/league-table.css b/ProjectSourceCode/src/resources/css/league-pages/league-table.css
index afb4b96..1543607 100644
--- a/ProjectSourceCode/src/resources/css/league-pages/league-table.css
+++ b/ProjectSourceCode/src/resources/css/league-pages/league-table.css
@@ -11,6 +11,10 @@
     padding: 15px;
 }
 
+#table-stats-container {
+   width: 100%;
+}
+
 #table-stats-container th {
     border-bottom: 3px solid red; /* Add red bottom border */
 }
@@ -57,3 +61,9 @@
         text-decoration: underline; /* Add underline effect */
     }
 }
+
+@media (max-width: 950px) {
+    #league-table-and-information-container {
+        width: 100%; /* Set the width to 60% when window width is less than 1161px */
+    }
+}
\ No newline at end of file
diff --git a/ProjectSourceCode/src/resources/css/league-pages/top-scorers.css b/ProjectSourceCode/src/resources/css/league-pages/top-scorers.css
index 8cfe530..b23fb12 100644
--- a/ProjectSourceCode/src/resources/css/league-pages/top-scorers.css
+++ b/ProjectSourceCode/src/resources/css/league-pages/top-scorers.css
@@ -1,5 +1,6 @@
 #top-scorers-container {
     flex: 1;
+    width: 100%;
     /* Add any other styling you need for the top scorers container */
 }
 
diff --git a/ProjectSourceCode/src/views/pages/leagues-page.hbs b/ProjectSourceCode/src/views/pages/leagues-page.hbs
index 7be4068..31c39d0 100644
--- a/ProjectSourceCode/src/views/pages/leagues-page.hbs
+++ b/ProjectSourceCode/src/views/pages/leagues-page.hbs
@@ -8,16 +8,18 @@
     </div>
 
     <!-- Container to display all stats for league <- bottom rest of the container -->
-    <div class="container" id="league-stats-containers">
+    <div id="table-and-top-scorers-containers" class="stats-container">
 
         <!-- Container to display league table <- split 50% -->
-        <div class="container" id="league-table-and-information-container">
+        <div id="league-table-container" class="stats-container">
 
+            <!-- Put header above table container -->
             <div id="table-header-container" class="header">
                 <h2>Table</h2>
             </div>
             
-            <div id="table-stats-container" class="container">
+            <!-- Container containing all league table stats -->
+            <div id="table-stats-container" class="stats-container">
                 <table id="standings-table">
                     <thead>
                         <tr>
@@ -52,12 +54,12 @@
         </div>
 
         <!-- Container to display top scorers for league <- Split 50% -->
-        <div id="top-scorers-container" class="container">
+        <div id="top-scorers-container" class="stats-container">
             <div id="top-scorers-header-container" class="header">
                 <h2>Top Scorers</h2>
             </div>
 
-            <div id="top-scorers-stats-container" class="container">
+            <div id="top-scorers-stats-container" class="stats-container">
                 <table>
                     <thead>
                         <tr>