diff --git a/react-app/src/components/SearchForm/index.tsx b/react-app/src/components/SearchForm/index.tsx
index 1172cd06e..7195c1948 100644
--- a/react-app/src/components/SearchForm/index.tsx
+++ b/react-app/src/components/SearchForm/index.tsx
@@ -65,7 +65,7 @@ export const SearchForm: FC<{
         )}
         {!!searchText && (
           <XIcon
-            className="absolute cursor-pointer top-0 bottom-0 w-6 h-6 my-auto lg:left-1/4 right-0"
+            className="absolute cursor-pointer top-0 bottom-0 w-6 h-6 my-auto flex lg:justify-end right-0"
             data-testid="close-icon"
             onClick={() => {
               setSearchText("");