diff --git a/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx b/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx
index ea88dd00e3..d0aa33fc26 100644
--- a/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx
+++ b/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx
@@ -142,20 +142,20 @@ export const AddVariablesDropdown = (props: IAddVariablesDropdown) => {
               onChange={(e) => setQuery(e.target.value)}
               placeholder={t("search_variables")}
               aria-label={t("search_variables")}
-              className="border-subtle bg-default focus:ring-brand-800 w-full rounded-md border px-3 py-2 text-sm outline-none focus:ring-1"
+              className="border-subtle bg-default focus:ring-subtle w-full rounded-md border px-3 py-2 text-sm outline-none focus:ring-1"
             />
           </div>
-          <div className="max-h-64 overflow-y-auto overflow-x-hidden md:max-h-80" ref={dropdownContainerRef}>
+          <div className="max-h-64 overflow-y-auto overflow-x-hidden rounded-md md:max-h-80" ref={dropdownContainerRef}>
             {filteredVariables.length === 0 ? (
               <div className="text-subtle px-4 py-2 text-center text-sm">{t("no_variables_found")}</div>
             ) : (
               filteredVariables.map((variable, index) => (
-                <DropdownMenuItem key={variable} className="w-full p-1 hover:ring-0 focus:outline-none">
+                <DropdownMenuItem key={variable} className="w-full rounded-md p-1 hover:ring-0 focus:outline-none">
                   <button
                     ref={(el) => (itemRefs.current[index] = el)}
                     key={variable}
                     type="button"
-                    className={`hover:bg-muted w-full rounded-md px-3 py-2 text-left transition-colors focus:outline-none ${
+                    className={`w-full rounded-md px-3 py-2 text-left transition-colors focus:outline-none ${
                       selectedIndex === index ? "bg-muted" : ""
                     }`}
                     onMouseEnter={() => setSelectedIndex(index)}