From 3576a51be13fab77f6fbb3fdbda04d6c3d0da102 Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Sun, 22 Sep 2024 19:19:27 -0700
Subject: [PATCH] fix: Weird menu rendering placement issue on Firefox browsers
 (#1572)

* fix: Weird menu rendering placement issue on Firefox browsers

* Extra encouragement for Firefox to justify correctly
---
 src/scss/overlay.scss | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

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;
 }
 
 /*******************************