diff --git a/api/js/etemplate/Layout/Et2Details/Et2Details.ts b/api/js/etemplate/Layout/Et2Details/Et2Details.ts
index 41bb76898c..648dd6eb3c 100644
--- a/api/js/etemplate/Layout/Et2Details/Et2Details.ts
+++ b/api/js/etemplate/Layout/Et2Details/Et2Details.ts
@@ -52,6 +52,7 @@ export class Et2Details extends Et2Widget(SlDetails)
 
 				.details {
 					border: var(--sl-panel-border-width) solid var(--sl-panel-border-color);
+					margin: 0px;
 				}
 			.details.hoist {
 				position: relative;
diff --git a/api/js/etemplate/Layout/Et2Groupbox/Et2Groupbox.ts b/api/js/etemplate/Layout/Et2Groupbox/Et2Groupbox.ts
index 66e9384b47..653c312100 100644
--- a/api/js/etemplate/Layout/Et2Groupbox/Et2Groupbox.ts
+++ b/api/js/etemplate/Layout/Et2Groupbox/Et2Groupbox.ts
@@ -50,7 +50,7 @@ export class Et2Groupbox extends Et2Details
 				 */
 
 				.details__body {
-					height: calc(100% - 3em - var(--sl-border-radius-medium)) !important;
+					height: calc(100% - 2em - var(--sl-border-radius-medium)) !important;
 					position: relative;
 				}
 
@@ -62,7 +62,7 @@ export class Et2Groupbox extends Et2Details
 				.details__content {
 					overflow: hidden;
 					overflow-y: auto;
-					height: 100%;
+					height: calc(100% - 2 * var(--sl-spacing-medium));
 				}
 
 				/* end workaround */
@@ -89,6 +89,7 @@ export class Et2Groupbox extends Et2Details
                 details.summaryOnTop {
                     padding-top: .5rem;
                     margin-top: .5rem;
+					height: auto;
                 }
 			`,
 		];