diff --git a/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css b/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css
index b4323a8..9638b1f 100644
--- a/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css
+++ b/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css
@@ -37,3 +37,8 @@
 .team p {
     margin-right: 10px; /* Adjust this value to control the space between team name and score */
 }
+
+.team img {
+    height: 30px;
+    margin-right: 10px;
+}
diff --git a/ProjectSourceCode/src/views/partials/scoreboard-header/game-card.hbs b/ProjectSourceCode/src/views/partials/scoreboard-header/game-card.hbs
index acad3fd..0686e8e 100644
--- a/ProjectSourceCode/src/views/partials/scoreboard-header/game-card.hbs
+++ b/ProjectSourceCode/src/views/partials/scoreboard-header/game-card.hbs
@@ -5,13 +5,15 @@
         <div class="left-side">
             <!-- Team 1 Name with Score -->
             <div class="team">
+                <img src="{{ homeTeam.crest }}" alt="{{ homeTeam.name }} Crest">
                 <p id="team-name">{{ homeTeam.name }}</p> <!-- {{team1.name}} -->
-                <p id="team-score">{{ homeTeam.score }}</p>
+                <p id="team-score">{{ score.homeScore }}</p>
             </div>
             <!-- Team 2 Name with Score -->
             <div class="team">
+                <img src="{{ awayTeam.crest }}" alt="{{ awayTeam.name }} Crest">
                 <p id="team-name">{{ awayTeam.name }}</p> <!-- {{team1.name}} -->
-                <p id="team-score">{{ awayTeam.score }}</p>
+                <p id="team-score">{{ score.awayScore }}</p>
             </div>
         </div>