From 22f9ba2687d4a7e25f4890db177c6bc2157fcef8 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 10 Oct 2024 21:41:38 +0530
Subject: [PATCH] feat: use Icon button

---
 src/components/molecules/NavBar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index 697ba0bc..a401f5ea 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -109,7 +109,7 @@ export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isR
                 <MeetingRoomIcon sx={{ marginRight: '5px' }} />
                 exit</Button>
                 : null}
-              <Button sx={{
+              <IconButton sx={{
                 width: '140px',
                 borderRadius: '5px',
                 padding: '8px',
@@ -124,7 +124,7 @@ export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isR
                 '&:hover': { color: 'white', backgroundColor: '#ff00c3' }
               }} onClick={logout}>
                 <Logout sx={{ marginRight: '5px' }} />
-                Logout</Button>
+                Logout</IconButton>
             </div>
           </>
         ) : ""