From 12c5bd8a6806089bee04802a6ea29b00d8b98081 Mon Sep 17 00:00:00 2001
From: Ayan Koley <koleyayan07@gmail.com>
Date: Sat, 7 Dec 2024 20:41:57 +0530
Subject: [PATCH] fix: Search icon is not showing in navbar#3441

---
 components/AlgoliaSearch.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/AlgoliaSearch.tsx b/components/AlgoliaSearch.tsx
index a7d3604fafb7..8a1f51721025 100644
--- a/components/AlgoliaSearch.tsx
+++ b/components/AlgoliaSearch.tsx
@@ -8,6 +8,8 @@ import { useRouter } from 'next/router';
 import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 
+import IconLoupe from '@/components/icons/Loupe';
+
 export const INDEX_NAME = 'asyncapi';
 export const DOCS_INDEX_NAME = 'asyncapi-docs';
 const APP_ID = 'Z621OGRI9Y';
@@ -325,7 +327,7 @@ export function SearchButton({ children, indexName = INDEX_NAME, ...props }: ISe
       {...props}
       data-testid='Search-Button'
     >
-      {Children}
+      {Children || <IconLoupe className='h-5 w-5' />}
     </button>
   );
 }