diff --git a/projects/common/ui-elements/button/button.component.ts b/projects/common/ui-elements/button/button.component.ts
index 55816ce693cc5f023c4961f1e647cea8b18d8029..b49022a63f34eb82a0ef37c16a851eb51b7225dc 100644
--- a/projects/common/ui-elements/button/button.component.ts
+++ b/projects/common/ui-elements/button/button.component.ts
@@ -31,9 +31,9 @@ import { ButtonElement } from './button-element';
            (click)="elementModel.action ? navigationRequested.emit(elementModel.action) : false">
   `,
   styles: [
-    '.dynamic-image {width: 100%; height: fit-content}',
-    '.static-image {width: 100%; height: 100%; object-fit: contain}',
-    '.center-content {position: relative; top: 0; bottom: 0; left: 0;right: 0; margin: auto;}'
+    '.dynamic-image {width: 100%; height: fit-content;}',
+    '.static-image {width: 100%; height: 100%; object-fit: contain;}',
+    '.center-content {display: block; margin: auto; top: 50%; transform: translateY(-50%);}'
   ]
 })
 export class ButtonComponent extends ElementComponent {