diff --git a/src/scss/overlay.scss b/src/scss/overlay.scss
index ba952ab1..5c5a63aa 100644
--- a/src/scss/overlay.scss
+++ b/src/scss/overlay.scss
@@ -11,7 +11,7 @@
 
 slot {
   position: absolute;
-  display: block;
+  display: flex;
 }
 
 /***************
@@ -38,10 +38,22 @@ slot[name='right'] {
 slot[name='top'],
 slot[name='bottom'] {
   width: 100%;
+  flex-direction: column;
 }
 slot[name='left'],
 slot[name='right'] {
   height: 100%;
+  flex-direction: row;
+}
+
+slot[name='top'],
+slot[name='left'] {
+  justify-content: flex-start;
+}
+
+slot[name='bottom'],
+slot[name='right'] {
+  justify-content: flex-end;
 }
 
 /*******************************