diff --git a/projects/common/ui-elements/button/button.component.ts b/projects/common/ui-elements/button/button.component.ts
index 63f58619ef14cdf7c3461f020ad547f5c2ba2836..55816ce693cc5f023c4961f1e647cea8b18d8029 100644
--- a/projects/common/ui-elements/button/button.component.ts
+++ b/projects/common/ui-elements/button/button.component.ts
@@ -33,7 +33,7 @@ import { ButtonElement } from './button-element';
   styles: [
     '.dynamic-image {width: 100%; height: fit-content}',
     '.static-image {width: 100%; height: 100%; object-fit: contain}',
-    '.center-content {position: absolute; top: 0; bottom: 0; left: 0;right: 0; margin: auto;}'
+    '.center-content {position: relative; top: 0; bottom: 0; left: 0;right: 0; margin: auto;}'
   ]
 })
 export class ButtonComponent extends ElementComponent {
diff --git a/projects/common/ui-elements/drop-list/drop-list.component.ts b/projects/common/ui-elements/drop-list/drop-list.component.ts
index a231a945c79054496c5388642d9f1da9dfdc77ab..e8ac18124d7d2389dd027ea9eeb8a40942b2125d 100644
--- a/projects/common/ui-elements/drop-list/drop-list.component.ts
+++ b/projects/common/ui-elements/drop-list/drop-list.component.ts
@@ -87,7 +87,7 @@ import { DragNDropValueObject } from '../../models/uI-element';
     '.dropList-highlight.cdk-drop-list-dragging {border: solid;}',
 
     '.align-flex {flex: 1 1 auto; flex-flow: row wrap; display: flex; place-content: center space-around; gap: 10px}',
-    '.center-content {position: absolute; top: 0; bottom: 0; left: 0;right: 0; margin: auto;}'
+    '.center-content {position: relative; top: 0; bottom: 0; left: 0;right: 0; margin: auto;}'
   ]
 })
 export class DropListComponent extends FormElementComponent {