diff --git a/packages/client/src/components/CustomThemeWrapper.svelte b/packages/client/src/components/CustomThemeWrapper.svelte
index 39a4842f22..053c206572 100644
--- a/packages/client/src/components/CustomThemeWrapper.svelte
+++ b/packages/client/src/components/CustomThemeWrapper.svelte
@@ -2,7 +2,7 @@
   import { themeStore } from "stores"
 </script>
 
-<div style={$themeStore.customThemeCss}>
+<div style={$themeStore.customThemeCss} id="theme-root">
   <slot />
 </div>
 
diff --git a/packages/client/src/components/app/Layout.svelte b/packages/client/src/components/app/Layout.svelte
index 09d9376a0b..9a7ce13220 100644
--- a/packages/client/src/components/app/Layout.svelte
+++ b/packages/client/src/components/app/Layout.svelte
@@ -62,7 +62,7 @@
 <div
   class="layout layout--{typeClass}"
   use:styleable={$component.styles}
-  class:desktop={!$context.device.mobile && !$context.device.tablet}
+  class:desktop={!$context.device.mobile}
   class:mobile={!!$context.device.mobile}
 >
   {#if typeClass !== "none"}
@@ -301,6 +301,9 @@
     flex-direction: row;
     overflow: hidden;
   }
+  .desktop.layout--left .nav-wrapper {
+    border-bottom: none;
+  }
   .desktop.layout--left .main-wrapper {
     height: 100%;
     overflow: auto;
diff --git a/packages/client/src/components/app/forms/DateTimeField.svelte b/packages/client/src/components/app/forms/DateTimeField.svelte
index 9bbfabaee9..298fff5a1c 100644
--- a/packages/client/src/components/app/forms/DateTimeField.svelte
+++ b/packages/client/src/components/app/forms/DateTimeField.svelte
@@ -56,7 +56,7 @@
       disabled={fieldState.disabled}
       error={fieldState.error}
       id={fieldState.fieldId}
-      appendTo={document.getElementById("app-root")}
+      appendTo={document.getElementById("theme-root")}
       {enableTime}
       {placeholder}
     />