diff --git a/packages/client/src/components/ClientApp.svelte b/packages/client/src/components/ClientApp.svelte
index 8fb1b83d4c..5d07754f49 100644
--- a/packages/client/src/components/ClientApp.svelte
+++ b/packages/client/src/components/ClientApp.svelte
@@ -39,8 +39,18 @@
 </script>
 
 {#if loaded && $screenStore.activeLayout}
-  <Provider key="user" data={$authStore} {actions}>
-    <Component definition={$screenStore.activeLayout.props} />
-    <NotificationDisplay />
-  </Provider>
+  <div lang="en" dir="ltr" class="spectrum spectrum--medium spectrum--light">
+    <Provider key="user" data={$authStore} {actions}>
+      <Component definition={$screenStore.activeLayout.props} />
+      <NotificationDisplay />
+    </Provider>
+  </div>
 {/if}
+
+<style>
+  div {
+    background: transparent;
+    height: 100%;
+    position: relative;
+  }
+</style>