From 087be9f4da884495ef243bb13e5a9362dc66abd5 Mon Sep 17 00:00:00 2001
From: Keegan George <kgeorge13@gmail.com>
Date: Thu, 7 Sep 2023 11:52:00 -0700
Subject: [PATCH] UX: Prevent input text from covering suggestion button (#212)

---
 .../discourse/components/ai-suggestion-dropdown.gjs            | 3 +--
 assets/stylesheets/modules/ai-helper/common/ai-helper.scss     | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/assets/javascripts/discourse/components/ai-suggestion-dropdown.gjs b/assets/javascripts/discourse/components/ai-suggestion-dropdown.gjs
index 7b24a791..ec664e33 100644
--- a/assets/javascripts/discourse/components/ai-suggestion-dropdown.gjs
+++ b/assets/javascripts/discourse/components/ai-suggestion-dropdown.gjs
@@ -43,7 +43,6 @@ export default class AISuggestionDropdown extends Component {
   </template>
 
   @service dialog;
-  @service site;
   @service siteSettings;
   @service composer;
   @tracked loading = false;
@@ -106,7 +105,7 @@ export default class AISuggestionDropdown extends Component {
     }
 
     if (this.args.mode === this.SUGGESTION_TYPES.category) {
-    const selectedCategoryId = this.site.categories.find((c) => c.slug === suggestion).id;
+    const selectedCategoryId = this.composer.categories.find((c) => c.slug === suggestion).id;
     composer.set("categoryId", selectedCategoryId);
     return this.#closeMenu();
     }
diff --git a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
index fe47e459..9a9e083e 100644
--- a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
+++ b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
@@ -205,7 +205,7 @@
   position: absolute;
   top: 1px;
   right: 1px;
-  background: none;
+  background: var(--secondary);
   border: none;
 }