diff --git a/components/EmberPage.vue b/components/EmberPage.vue
index 7dd97c0cda..ee77e4aa73 100644
--- a/components/EmberPage.vue
+++ b/components/EmberPage.vue
@@ -24,7 +24,6 @@ export default {
   },
 
   data() {
-
     return {
       iframeEl:     null,
       loaded:       true,
@@ -106,10 +105,12 @@ export default {
       const iframeEl = document.getElementById(EMBER_FRAME);
 
       if (iframeEl) {
+        const emberTheme = theme === 'light' ? 'ui-light' : 'ui-dark';
+
         // Ensure the embedded UI uses the correct theme
         iframeEl.contentWindow.postMessage({
           action: 'set-theme',
-          name:   theme
+          name:   emberTheme
         });
       }
     },