diff --git a/index.html b/index.html
index 7f698b258..be9c0e886 100644
--- a/index.html
+++ b/index.html
@@ -15,9 +15,16 @@
-
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index ae80ad947..5e25ded23 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -48,7 +48,10 @@ export default {
this.$emit('update:shadow', { axis, value: Number(value) })
},
update () {
- const styleEl = document.getElementById('component-style-holder')
+ let styleEl = document.getElementById('component-style-holder')
+ if (!styleEl.sheet) {
+ styleEl = document.getElementById('component-style-holder')
+ }
const styleSheet = styleEl.sheet
for (let i = styleSheet.cssRules.length - 1; i >= 0; --i) {
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 2e641ed2a..20406ba4b 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -694,7 +694,10 @@ export default {
return
}
- const styleEl = document.getElementById('editor-overall-holder')
+ let styleEl = document.getElementById('editor-overall-holder')
+ if (!styleEl.sheet) {
+ styleEl = document.getElementById('editor-overall-holder-link')
+ }
const styleSheet = styleEl.sheet
for (let i = styleSheet.cssRules.length - 1; i >= 0; --i) {