diff --git a/ProjectSourceCode/src/resources/css/club-pages/club-page.css b/ProjectSourceCode/src/resources/css/club-pages/club-page.css
index e39d278..2debd9d 100644
--- a/ProjectSourceCode/src/resources/css/club-pages/club-page.css
+++ b/ProjectSourceCode/src/resources/css/club-pages/club-page.css
@@ -24,11 +24,13 @@
     flex-direction: row;
 }
 
-#club-players-container {
-
+#club-history-container {
+    width: 20%;
 }
 
-
+#club-stats-and-players-container {
+    width: 80%;
+}
 
 #club-information-container::after {
     content: '';
diff --git a/ProjectSourceCode/src/views/pages/clubs-page.hbs b/ProjectSourceCode/src/views/pages/clubs-page.hbs
index 0ed7859..95793ae 100644
--- a/ProjectSourceCode/src/views/pages/clubs-page.hbs
+++ b/ProjectSourceCode/src/views/pages/clubs-page.hbs
@@ -1,7 +1,7 @@
 <div id="club-page-body" class="container">
 
     <!-- Container on Top containing Club Information -->
-    <div class="information-container" id="club-information-container">
+    <div id="club-information-container" class="information-container">
         <img id="league-logo" src="{{club.crest}}" alt="{{club.name}} Logo">
         <h1 id="league-title">{{club.name}}</h2>
         <img id="league-flag" src="{{club.area.club_flag}}" alt="{{club.name}} Flag">
@@ -13,7 +13,7 @@
         <div id="club-history-container" class="information-container">
 
             <!-- Container for Club Information -->
-            <div class="information-container" id="club-Attributes-container">
+            <div id="club-Attributes-container" class="information-container">
 
                 <h2>Information</h2>