diff --git a/src/components/SearchKeyword/index.js b/src/components/SearchKeyword/index.js
new file mode 100644
index 0000000..802f5a3
--- /dev/null
+++ b/src/components/SearchKeyword/index.js
@@ -0,0 +1,26 @@
+import { TextField, InputAdornment, SvgIcon } from '@mui/material';
+import Search from 'assets/images/SearchIcon';
+
+// Note: please add props when integrating
+function SearchKeyword() {
+  return (
+    <>
+      <TextField
+        fullWidth
+        InputProps={{
+          endAdornment: (
+            <InputAdornment position="end">
+              <SvgIcon fontSize="small" color="action">
+                <Search />
+              </SvgIcon>
+            </InputAdornment>
+          )
+        }}
+        placeholder="Search Keyword"
+        variant="outlined"
+      />
+    </>
+  );
+}
+
+export default SearchKeyword;