diff --git a/Eplant/UI/Layout/FailedToLoad.tsx b/Eplant/UI/Layout/FailedToLoad.tsx
index 71826a53..7d72d0a7 100644
--- a/Eplant/UI/Layout/FailedToLoad.tsx
+++ b/Eplant/UI/Layout/FailedToLoad.tsx
@@ -83,4 +83,4 @@ export default function FailedToLoad(props: {
       </Typography>
     </Stack>
   )
-}
\ No newline at end of file
+}
diff --git a/Eplant/UI/Layout/ViewContainer/LoadingPage.tsx b/Eplant/UI/Layout/ViewContainer/LoadingPage.tsx
index 3ddfd2f7..4e764673 100644
--- a/Eplant/UI/Layout/ViewContainer/LoadingPage.tsx
+++ b/Eplant/UI/Layout/ViewContainer/LoadingPage.tsx
@@ -69,4 +69,4 @@ export default function LoadingPage(props: {
       </Typography>
     </Stack>
   )
-}
\ No newline at end of file
+}
diff --git a/Eplant/UI/LeftNav/GeneSearch/SearchBar.tsx b/Eplant/UI/LeftNav/GeneSearch/SearchBar.tsx
index 735f686e..3dc6b5b1 100644
--- a/Eplant/UI/LeftNav/GeneSearch/SearchBar.tsx
+++ b/Eplant/UI/LeftNav/GeneSearch/SearchBar.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react'
 import { debounce } from 'lodash'
 
+import AddIcon from '@mui/icons-material/Add'
 import CloseIcon from '@mui/icons-material/Close'
 import SearchIcon from '@mui/icons-material/Search'
 import { SxProps, Theme } from '@mui/material'
@@ -118,7 +119,7 @@ export default function SearchBar(props: {
                     setValue([])
                   }}
                 >
-                  <SearchIcon />
+                  {value.length > 0 ? <AddIcon /> : <SearchIcon />}
                 </IconButton>
               </InputAdornment>
             ),