diff --git a/app/static/script.js b/app/static/script.js
index 2204992..90b66e9 100644
--- a/app/static/script.js
+++ b/app/static/script.js
@@ -10,9 +10,10 @@ async function fetchScoreboardData() {
 
 function updateScoreboard(data) {
     const sections = [
-        { sectionId: 'live-section',  gridId: 'live-games-section',  games: data.live_games,  render: renderLiveGame  },
-        { sectionId: 'pre-section',   gridId: 'pre-games-section',   games: data.pre_games,   render: renderPreGame   },
-        { sectionId: 'final-section', gridId: 'final-games-section', games: data.final_games, render: renderFinalGame },
+        { sectionId: 'live-section',         gridId: 'live-games-section',         games: data.live_games,         render: renderLiveGame  },
+        { sectionId: 'intermission-section', gridId: 'intermission-games-section', games: data.intermission_games, render: renderLiveGame  },
+        { sectionId: 'pre-section',          gridId: 'pre-games-section',          games: data.pre_games,          render: renderPreGame   },
+        { sectionId: 'final-section',        gridId: 'final-games-section',        games: data.final_games,        render: renderFinalGame },
     ];
 
     for (const { sectionId, gridId, games, render } of sections) {
diff --git a/app/templates/index.html b/app/templates/index.html
index 9d31530..4a66b9a 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -21,6 +21,10 @@
             <h2 class="section-heading">Live</h2>
             <div id="live-games-section" class="games-grid"></div>
         </section>
+        <section id="intermission-section" class="section hidden">
+            <h2 class="section-heading">Intermission</h2>
+            <div id="intermission-games-section" class="games-grid"></div>
+        </section>
         <section id="pre-section" class="section hidden">
             <h2 class="section-heading">Scheduled</h2>
             <div id="pre-games-section" class="games-grid"></div>