diff --git a/resources/assets/src/views/skinlib/SkinLibrary/index.tsx b/resources/assets/src/views/skinlib/SkinLibrary/index.tsx
index 82f9f66d..63926067 100644
--- a/resources/assets/src/views/skinlib/SkinLibrary/index.tsx
+++ b/resources/assets/src/views/skinlib/SkinLibrary/index.tsx
@@ -198,8 +198,12 @@ const SkinLibrary: React.FC = () => {
                     onChange={handleNameChange}
                   />
                   <div className="input-group-append">
-                    <button className="btn btn-primary px-3" type="submit">
-                      {t('general.submit')}
+                    <button
+                      className="btn btn-primary px-3"
+                      type="submit"
+                      title={t('vendor.datatable.search')}
+                    >
+                      <i className="fas fa-search"></i>
                     </button>
                   </div>
                 </div>
diff --git a/resources/assets/tests/views/skinlib/SkinLibrary.test.tsx b/resources/assets/tests/views/skinlib/SkinLibrary.test.tsx
index 017259ab..c508c9ab 100644
--- a/resources/assets/tests/views/skinlib/SkinLibrary.test.tsx
+++ b/resources/assets/tests/views/skinlib/SkinLibrary.test.tsx
@@ -46,13 +46,13 @@ test('without authenticated', async () => {
 test('search by keyword', async () => {
   fetch.get.mockResolvedValue(createPaginator([]))
 
-  const { getByText, getByPlaceholderText } = render(<SkinLibrary />)
+  const { getByTitle, getByPlaceholderText } = render(<SkinLibrary />)
   await waitFor(() => expect(fetch.get).toBeCalled())
 
   fireEvent.input(getByPlaceholderText(t('vendor.datatable.search')), {
     target: { value: 'k' },
   })
-  fireEvent.click(getByText(t('general.submit')))
+  fireEvent.click(getByTitle(t('vendor.datatable.search')))
   await waitFor(() =>
     expect(fetch.get).toHaveBeenLastCalledWith(
       urls.skinlib.list(),
@@ -88,7 +88,7 @@ test('reset query', async () => {
   window.blessing.extra.currentUid = 1
   fetch.get.mockResolvedValue(createPaginator([]))
 
-  const { getByText, getByPlaceholderText, queryByText } = render(
+  const { getByText, getByTitle, getByPlaceholderText, queryByText } = render(
     <SkinLibrary />,
   )
   await waitFor(() => expect(fetch.get).toBeCalled())
@@ -98,7 +98,7 @@ test('reset query', async () => {
   fireEvent.input(getByPlaceholderText(t('vendor.datatable.search')), {
     target: { value: 'k' },
   })
-  fireEvent.click(getByText(t('general.submit')))
+  fireEvent.click(getByTitle(t('vendor.datatable.search')))
   await waitFor(() => expect(fetch.get).toBeCalled())
   fireEvent.click(getByText(t('skinlib.seeMyUpload')))
   await waitFor(() => expect(fetch.get).toBeCalled())