diff --git a/mediarepo-ui/src/app/components/shared/app-common/flap-button/flap-button.component.scss b/mediarepo-ui/src/app/components/shared/app-common/flap-button/flap-button.component.scss
index bfe7767..87d9c8b 100644
--- a/mediarepo-ui/src/app/components/shared/app-common/flap-button/flap-button.component.scss
+++ b/mediarepo-ui/src/app/components/shared/app-common/flap-button/flap-button.component.scss
@@ -15,15 +15,15 @@
     }
 
     &[attach='left'], &[attach='right'] {
-        top: 0;
-        height: 100%;
-        width: 4em;
+        top: calc(50% - 5em);
+        height: 10em;
+        width: 2.5em;
     }
 
     &[attach='top'], &[attach='bottom'] {
-        left: 0;
-        width: 100%;
-        height: 4em;
+        left: calc(50% - 5em);
+        width: 10em;
+        height: 2.5em;
     }
 
     &[attach='left'] {