diff --git a/public/scripts/slash-commands/SlashCommandAutoComplete.js b/public/scripts/slash-commands/SlashCommandAutoComplete.js
index 18603e54e..796994242 100644
--- a/public/scripts/slash-commands/SlashCommandAutoComplete.js
+++ b/public/scripts/slash-commands/SlashCommandAutoComplete.js
@@ -708,11 +708,14 @@ export class SlashCommandAutoComplete {
             if (left < window.innerWidth / 4) {
                 // if cursor is in left part of screen, show details on right of list
                 this.detailsWrap.classList.add('right');
+                this.detailsWrap.classList.remove('left');
             } else {
                 // if cursor is in right part of screen, show details on left of list
                 this.detailsWrap.classList.remove('right');
+                this.detailsWrap.classList.add('left');
             }
         } else {
+            this.detailsWrap.classList.remove('left');
             this.detailsWrap.classList.remove('right');
             this.detailsWrap.classList.add('full');
         }
diff --git a/public/style.css b/public/style.css
index dcb10eff4..1a48e89cb 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1160,16 +1160,24 @@ select {
         flex-direction: row;
         left: 0;
         right: 0;
-        &.right:before {
-            flex: 0 0 calc(var(--targetOffset) * 1px + 50vw);
-        }
-        &:before {
-            flex: 0 0 calc(var(--targetOffset) * 1px - 25vw);
-        }
         .slashCommandAutoComplete-details {
             max-height: unset;
             width: 25vw;
         }
+        &.left {
+            &:before {
+                flex: 0 1 calc(var(--targetOffset) * 1px - 25vw);
+            }
+            &:after {
+                flex: 1 0 auto;
+                width: 50vw;
+            }
+        }
+        &.right {
+            &:before {
+                flex: 0 0 calc(var(--targetOffset) * 1px + 50vw);
+            }
+        }
         &.full {
             &:before {
                 content: "";
@@ -1224,6 +1232,7 @@ select {
     display: grid;
     grid-template-columns: 0fr auto minmax(50%, 1fr);
     align-items: baseline;
+    max-height: calc(95vh - var(--bottom));
     /* gap: 0.5em; */
     > .item {
         cursor: pointer;