diff --git a/src/shared/autocomplete/styles/_autocomplete.scss b/src/shared/autocomplete/styles/_autocomplete.scss
index 93ee2568a..eb4612c89 100644
--- a/src/shared/autocomplete/styles/_autocomplete.scss
+++ b/src/shared/autocomplete/styles/_autocomplete.scss
@@ -31,7 +31,7 @@
                 left: 1em;
                 width: 0; height: 0;
                 padding: .4em;
-                background: white;
+                background: var(--background);
                 border: inherit;
                 border-right: 0;
                 border-bottom: 0;
@@ -54,8 +54,7 @@
             z-index: 2;
 
             > li {
-                background: hsla(0,0%,100%,.9);
-                background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.9));
+                background: var(--background);
                 color: var(--text-color);
                 cursor: pointer;
                 display: flex;
@@ -82,7 +81,7 @@
                 width: 0;
                 height: 0;
                 padding: 0.4em;
-                background: white;
+                background: var(--background);
                 border: inherit;
                 border-left: 0;
                 border-top: 0;
diff --git a/src/shared/styles/themes/dracula.scss b/src/shared/styles/themes/dracula.scss
index 9c00b8069..12e3ad546 100644
--- a/src/shared/styles/themes/dracula.scss
+++ b/src/shared/styles/themes/dracula.scss
@@ -30,6 +30,8 @@
 
     --redder-orange: var(--muc-color);
 
+    --light-background-color: var(--background);
+
     --chat-background-color: var(--background);
     --chat-content-background-color: var(--background);
     --chat-textarea-background-color: var(--background);
@@ -92,7 +94,7 @@
 
     --completion-light-color: var(--pink);
     --completion-normal-color: var(--red);
-    --completion-dark-color: var(--purple);
+    --completion-dark-color: var(--current-line);
 
     --button-text-color: var(--background);
     --button-hover-text-color: var(--background);