From bc6b9fbfa77fb7dd1b9a067790661473ac4c4832 Mon Sep 17 00:00:00 2001
From: Kayla Glick <12898988+kayla-glick@users.noreply.github.com>
Date: Mon, 19 Feb 2024 13:48:05 -0500
Subject: [PATCH] Add gear picker note (#4221)

* add gear picker note

* add comma
---
 ui/core/components/gear_picker.tsx        | 13 +++++++++++++
 ui/scss/core/components/_gear_picker.scss |  1 +
 2 files changed, 14 insertions(+)

diff --git a/ui/core/components/gear_picker.tsx b/ui/core/components/gear_picker.tsx
index 85e343690a..c720b9bc13 100644
--- a/ui/core/components/gear_picker.tsx
+++ b/ui/core/components/gear_picker.tsx
@@ -425,6 +425,19 @@ export class SelectorModal extends BaseModal {
 		this.contentElem = this.rootElem.querySelector('.selector-modal-tab-content') as HTMLElement;
 
 		this.setData();
+
+		this.body.appendChild(
+			<div className="d-flex align-items-center form-text mt-3">
+				<i className="fas fa-circle-exclamation fa-xl me-2"></i>
+				<span>
+					If gear is missing, check the selected phase and your gear filters.
+					<br />
+					If the problem persists, save any un-saved data, click the
+					<i className="fas fa-cog mx-1"></i>
+					to open your sim options, then click the "Restore Defaults".
+				</span>
+			</div>
+		)
 	}
 
 	// Could be 'Items' 'Enchants' or 'Gem1'-'Gem3'
diff --git a/ui/scss/core/components/_gear_picker.scss b/ui/scss/core/components/_gear_picker.scss
index 3e07b9938e..f6f24ec911 100644
--- a/ui/scss/core/components/_gear_picker.scss
+++ b/ui/scss/core/components/_gear_picker.scss
@@ -219,6 +219,7 @@
 	overflow-y: auto;
 	overflow-x: hidden;
   padding: 0;
+  margin-bottom: 0;
   
   &.hide-ep {
     .selector-modal-list-item-ep {