diff --git a/ProjectSourceCode/src/resources/css/league-page/league-page.css b/ProjectSourceCode/src/resources/css/league-page/league-page.css
new file mode 100644
index 0000000..38a1182
--- /dev/null
+++ b/ProjectSourceCode/src/resources/css/league-page/league-page.css
@@ -0,0 +1,28 @@
+#league-page-body {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+}
+
+#league-information-container {
+    height: 100px;
+    background-color: #f0f0f0; /* Example background color */
+    /* Add any other styling you need for the league information container */
+}
+
+#league-stats-container {
+    display: flex;
+    flex: 1;
+}
+
+#league-table-container {
+    flex: 1;
+    background-color: #eaeaea; /* Example background color */
+    /* Add any other styling you need for the league table container */
+}
+
+#top-scorers-container {
+    flex: 1;
+    background-color: #dcdcdc; /* Example background color */
+    /* Add any other styling you need for the top scorers container */
+}
diff --git a/ProjectSourceCode/src/views/pages/league-page.hbs b/ProjectSourceCode/src/views/pages/league-page.hbs
index 5c5a2db..4a2eaf0 100644
--- a/ProjectSourceCode/src/views/pages/league-page.hbs
+++ b/ProjectSourceCode/src/views/pages/league-page.hbs
@@ -8,12 +8,12 @@
     <!-- Container to display all stats for league <- bottom rest of the container -->
     <div class="container" id="league-stats-container">
 
-        <!-- Container to display league table -->
+        <!-- Container to display league table <- split 50% -->
         <div class="container" id="league-table-container">
 
         </div>
 
-        <!-- Container to display top scorers for league -->
+        <!-- Container to display top scorers for league <- Split 50% -->
         <div class="container" id="top-scorers-container">
 
         </div>
diff --git a/ProjectSourceCode/src/views/partials/head.hbs b/ProjectSourceCode/src/views/partials/head.hbs
index 11f65dc..3c432ff 100644
--- a/ProjectSourceCode/src/views/partials/head.hbs
+++ b/ProjectSourceCode/src/views/partials/head.hbs
@@ -9,7 +9,6 @@
 
   <!-- Linking forms.css -->
   <link rel="stylesheet" type="text/css" href="/css/login_and_registration.css">
-  <link rel="stylesheet" type="text/css" href="/css/homepage/homepage.css">
 
   <!-- Navigation Bar Stylesheets -->
   <link rel="stylesheet" type="text/css" href="/css/navigation-bar/navigation-bar.css">
@@ -19,6 +18,12 @@
     <link rel="stylesheet" type="text/css" href="/css/navigation-bar/scoreboard-header/scoreboard.css">
     <link rel="stylesheet" type="text/css" href="/css/navigation-bar/scoreboard-header/game-card.css">
 
+  <!-- Home Page Stylesheets -->
+  <link rel="stylesheet" type="text/css" href="/css/homepage/homepage.css">
+
+  <!-- League Page Stylesheets -->
+  <link rel="stylesheet" type="text/css" href="/css/league-page/league-page.css">
+
   <title>Group 6 Final Project</title>
 
   <!-- Include Bootstrap CSS -->