diff --git a/hassio/src/hassio-main.js b/hassio/src/hassio-main.js
index b9c7ee1a1225..0122e69cabeb 100644
--- a/hassio/src/hassio-main.js
+++ b/hassio/src/hassio-main.js
@@ -8,9 +8,10 @@ import './hassio-data.js';
import './hassio-pages-with-tabs.js';
import applyThemesOnElement from '../../src/common/dom/apply_themes_on_element.js';
+import EventsMixin from '../../src/mixins/events-mixin.js';
import NavigateMixin from '../../src/mixins/navigate-mixin.js';
-class HassioMain extends NavigateMixin(PolymerElement) {
+class HassioMain extends EventsMixin(NavigateMixin(PolymerElement)) {
static get template() {
return html`
@@ -93,6 +94,7 @@ class HassioMain extends NavigateMixin(PolymerElement) {
if (route.path === '' && route.prefix === '/hassio') {
this.navigate('/hassio/dashboard', true);
}
+ this.fire('iron-resize');
}
equalsAddon(page) {
diff --git a/src/panels/config/ha-panel-config.js b/src/panels/config/ha-panel-config.js
index a87dcd209d51..938f5cb6a6b5 100644
--- a/src/panels/config/ha-panel-config.js
+++ b/src/panels/config/ha-panel-config.js
@@ -6,6 +6,7 @@ import { PolymerElement } from '@polymer/polymer/polymer-element.js';
import '../../layouts/hass-error-screen.js';
import isComponentLoaded from '../../common/config/is_component_loaded.js';
+import EventsMixin from '../../mixins/events-mixin.js';
import NavigateMixin from '../../mixins/navigate-mixin.js';
import(/* webpackChunkName: "panel-config-automation" */ './automation/ha-config-automation.js');
@@ -19,9 +20,10 @@ import(/* webpackChunkName: "panel-config-users" */ './users/ha-config-users.js'
import(/* webpackChunkName: "panel-config-zwave" */ './zwave/ha-config-zwave.js');
/*
+ * @appliesMixin EventsMixin
* @appliesMixin NavigateMixin
*/
-class HaPanelConfig extends NavigateMixin(PolymerElement) {
+class HaPanelConfig extends EventsMixin(NavigateMixin(PolymerElement)) {
static get template() {
return html`