diff --git a/hassio/hassio-main.html b/hassio/hassio-main.html
index fdd64fcd5f..14c0401568 100644
--- a/hassio/hassio-main.html
+++ b/hassio/hassio-main.html
@@ -5,6 +5,7 @@
 <link rel="import" href="../src/layouts/hass-loading-screen.html">
 <link rel="import" href="../src/layouts/hass-error-screen.html">
 <link rel='import' href='../src/util/hass-mixins.html'>
+<link rel='import' href='../src/util/hass-util.html'>
 <link rel='import' href='../src/resources/ha-style.html'>
 
 <link rel="import" href="./dashboard/hassio-dashboard.html">
@@ -154,6 +155,7 @@ class HassioMain extends window.hassMixins.EventsMixin(Polymer.Element) {
 
   ready() {
     super.ready();
+    window.hassUtil.applyThemesOnElement(this, this.hass.themes, this.hass.selectedTheme, true);
     this.addEventListener('hass-api-called', ev => this._apiCalled(ev));
   }