diff --git a/src/js/app.js b/src/js/app.js
index 9b57d1c..3108c80 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -13,6 +13,12 @@ const app = {
   link: {
     icon: appIconURL,
   },
+  styleSheets: [robotoFontStyle, appStyle]
+    .map((rawSheet) => {
+      const sheet = new CSSStyleSheet();
+      sheet.replaceSync(rawSheet);
+      return sheet;
+    }),
   page: null,
   router: new Router(),
   loader: WDLoader.instance,
@@ -23,12 +29,7 @@ const app = {
       <meta name="viewport" content="${app.meta.viewport}">
     `;
     document.title = app.title;
-    document.adoptedStyleSheets = [robotoFontStyle, appStyle]
-        .map((rawSheet) => {
-          const sheet = new CSSStyleSheet();
-          sheet.replaceSync(rawSheet);
-          return sheet;
-        });
+    document.adoptedStyleSheets = app.styleSheets;
   },
 };
 
diff --git a/src/js/home-page.js b/src/js/home-page.js
index 1f340cc..744efb4 100644
--- a/src/js/home-page.js
+++ b/src/js/home-page.js
@@ -26,7 +26,7 @@ class HomePage {
   #addPageStyle() {
     const sheet = new CSSStyleSheet();
     sheet.replaceSync(pageStyle);
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+    document.adoptedStyleSheets = [...app.styleSheets, sheet];
   }
 
   /**
diff --git a/src/js/routes-page.js b/src/js/routes-page.js
index f820c4c..c15a59b 100644
--- a/src/js/routes-page.js
+++ b/src/js/routes-page.js
@@ -26,7 +26,7 @@ class RoutesPage {
   #addPageStyle() {
     const sheet = new CSSStyleSheet();
     sheet.replaceSync(pageStyle);
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+    document.adoptedStyleSheets = [...app.styleSheets, sheet];
   }
 
   /**