diff --git a/kdots/css/kdots.css b/kdots/css/kdots.css
index 01844cb5a8..92249aafd0 100644
--- a/kdots/css/kdots.css
+++ b/kdots/css/kdots.css
@@ -378,7 +378,6 @@ div.et2_nextmatch > div:not(:first-child) {
   max-height: 100%;
 }
 div.et2_nextmatch .egwGridView_outer {
-  height: 100%;
   border-collapse: collapse;
 }
 div.et2_nextmatch .egwGridView_outer thead > tr {
diff --git a/kdots/css/kdots.less b/kdots/css/kdots.less
index 58fbf3ccb7..6d2fb44c0f 100644
--- a/kdots/css/kdots.less
+++ b/kdots/css/kdots.less
@@ -363,7 +363,6 @@ div.et2_nextmatch {
   }
 
   .egwGridView_outer {
-	height: 100%;
 	border-collapse: collapse;
 
 	thead > tr {
diff --git a/kdots/head.tpl b/kdots/head.tpl
index 1f8518cc53..72fab84e35 100644
--- a/kdots/head.tpl
+++ b/kdots/head.tpl
@@ -14,6 +14,8 @@
 	<link rel="manifest" href="{webserver_url}/manifest.json"/>
 	<link rel="icon" href="{img_icon}" type="image/x-ico"/>
 	<link rel="shortcut icon" href="{img_shortcut}"/>
+	<link rel="stylesheet" href="{webserver_url}/node_modules/@shoelace-style/shoelace/dist/themes/light.css"/>
+	<link rel="stylesheet" href="{webserver_url}/node_modules/@shoelace-style/shoelace/dist/themes/dark.css"/>
 	<link rel="stylesheet" href="{webserver_url}/api/js/offline/themes/offline-theme-slide.css">
 	<link rel="stylesheet" href="{webserver_url}/api/js/offline/themes/offline-language-{lang_code}.css">
 	<script src="{webserver_url}/api/js/offline/offline.min.js"></script>
diff --git a/kdots/js/EgwFrameworkApp.styles.ts b/kdots/js/EgwFrameworkApp.styles.ts
index 9dbb7dc2b4..d7d0b20da7 100644
--- a/kdots/js/EgwFrameworkApp.styles.ts
+++ b/kdots/js/EgwFrameworkApp.styles.ts
@@ -38,7 +38,7 @@ export default css`
 		flex: 1 0 2em;
 		max-height: 3em;
 
-		background-color: var(--application-color, --primary-background-color);
+		background-color: var(--application-color, var(--primary-background-color));
 		color: var(--application-header-text-color, var(--sl-color-neutral-0));
 		font-size: 1.8em;
 	}