diff --git a/src/components/MobileHeader.js b/src/components/MobileHeader.js
index 07d6746fd..088b25395 100644
--- a/src/components/MobileHeader.js
+++ b/src/components/MobileHeader.js
@@ -30,6 +30,7 @@ const MobileHeader = ({ className, isOpen, toggle }) => {
           <SearchInput
             className={styles.searchInput}
             placeholder="Search developer docs"
+            onClear={() => setSearchTerm('')}
             onChange={(e) => setSearchTerm(e.target.value)}
             value={searchTerm}
           />