diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index d1c1df8d86..c9c3d65ff3 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -16,8 +16,10 @@ const Navbar = () => {
       }}
       bg="dark"
       variant="dark"
-      onSearchButtonClick={() => console.log('hello')}
-      onSearchTextBoxChange={() => console.log('hello')}
+      search={{
+        onClickButton: () => console.log('hello'),
+        onChangeInput: () => console.log('hello'),
+      }}
       navLinks={[
         {
           label: t('patients.label'),