diff --git a/src/panels/hassio/ha-panel-hassio.js b/src/panels/hassio/ha-panel-hassio.js
index 40dfb487db..44fa46f397 100644
--- a/src/panels/hassio/ha-panel-hassio.js
+++ b/src/panels/hassio/ha-panel-hassio.js
@@ -2,8 +2,15 @@ import { html } from '@polymer/polymer/lib/utils/html-tag.js';
 import { PolymerElement } from '@polymer/polymer/polymer-element.js';
 
 import config from '../../../hassio/config.js';
+import EventsMixin from '../../mixins/events-mixin.js';
+import NavigateMixin from '../../mixins/navigate-mixin.js';
 
-class HaPanelHassio extends PolymerElement {
+/*
+ * Mixins are used by ifram to communicate with main frontend.
+ * @appliesMixin EventsMixin
+ * @appliesMixin NavigateMixin
+ */
+class HaPanelHassio extends NavigateMixin(EventsMixin(PolymerElement)) {
   static get template() {
     return html`
     <style>