Suggestion box needs a different offset in overlay mode

css/converse.css

@@ -7476,6 +7476,8 @@ body.reset {
     @media screen and (max-width: 480px) {
       #conversejs .chatbox .sendXMPPMessage {
         width: 100%; } }
+    #conversejs .chatbox .sendXMPPMessage .suggestion-box__results:after {
+      display: none; }
     #conversejs .chatbox .sendXMPPMessage .spoiler-hint {
       width: 100%; }
     #conversejs .chatbox .sendXMPPMessage .chat-textarea {
@@ -7748,8 +7750,6 @@ body.reset {
     line-height: 27px; }
   #conversejs.converse-fullscreen .chatbox .sendXMPPMessage ul {
     width: 100%; }
-  #conversejs.converse-fullscreen .chatbox .sendXMPPMessage .suggestion-box__results:after {
-    display: none; }
   #conversejs.converse-fullscreen .chatbox .sendXMPPMessage .toggle-smiley ul.emoji-toolbar .emoji-category-picker {
     margin-right: 5em; }
   #conversejs.converse-fullscreen .chatbox .sendXMPPMessage .toggle-smiley ul.emoji-toolbar .emoji-category {
@@ -9157,6 +9157,12 @@ body.reset {
   background: #3d6b00;
   color: inherit; }
 
+#conversejs.converse-fullscreen .suggestion-box__results--above {
+  bottom: 4.5em; }
+
+#conversejs.converse-overlayed .suggestion-box__results--above {
+  bottom: 5.5em; }
+
 #conversejs.converse-embedded {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;

sass/_awesomplete.scss

@@ -138,3 +138,15 @@
         color: inherit;
     }
 }
+
+#conversejs.converse-fullscreen {
+    .suggestion-box__results--above {
+        bottom: 4.5em;
+    }
+}
+
+#conversejs.converse-overlayed {
+    .suggestion-box__results--above {
+        bottom: 5.5em;
+    }
+}

sass/_chatbox.scss

@@ -235,6 +235,12 @@
                 width: 100%;
             }
 
+            .suggestion-box__results {
+                &:after {
+                    display: none;
+                }
+            }
+
             .spoiler-hint {
                 width: 100%;
             }
@@ -605,11 +611,6 @@
             ul {
                 width: 100%;
             }
-            .suggestion-box__results {
-                &:after {
-                    display: none;
-                }
-            }
             .toggle-smiley {
                 ul {
                     &.emoji-toolbar {