diff --git a/src/components/SearchSelect/SearchSelect.module.css b/src/components/SearchSelect/SearchSelect.module.css
index 18138ed4..a6163132 100644
--- a/src/components/SearchSelect/SearchSelect.module.css
+++ b/src/components/SearchSelect/SearchSelect.module.css
@@ -4,6 +4,10 @@
   z-index: 100;
 }
 
+.search-select-spinner-filtered-and-validated {
+  right: 105px;
+}
+
 .search-select-spinner-filtered {
   right: 90px;
 }
diff --git a/src/components/SearchSelect/SearchSelect.tsx b/src/components/SearchSelect/SearchSelect.tsx
index 8dd1fb1f..5c7901ae 100644
--- a/src/components/SearchSelect/SearchSelect.tsx
+++ b/src/components/SearchSelect/SearchSelect.tsx
@@ -209,7 +209,11 @@ export const SearchSelect = ({
           size="md"
           className={css(
             styles['search-select-spinner'],
-            getFilterText() ? styles['search-select-spinner-filtered'] : styles['search-select-spinner-nofilter']
+            getFilterText() && validated && validated !== 'default'
+              ? styles['search-select-spinner-filtered-and-validated']
+              : getFilterText() || (validated && validated !== 'default')
+              ? styles['search-select-spinner-filtered']
+              : styles['search-select-spinner-nofilter']
           )}
         />
       )}