From 6e93fec28e9e813c78010a9d83bbe63ee6c5efa8 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 5 Feb 2025 22:35:19 +0530
Subject: [PATCH] feat: use icon button

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

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 14bbb225..5b6e8338 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -220,13 +220,13 @@ export const NavBar: React.FC<NavBarProps> = ({
             <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }}>
               {!isRecording ? (
                 <>
-                  <Button onClick={handleUpdateOpen} sx={{
+                  <IconButton onClick={handleUpdateOpen} sx={{
                     marginRight: '25px',
                     color: "#00000099",
                     '&:hover': { color: '#ff00c3'}
                   }}>
                     <Update sx={{ marginRight: '5px' }} /> {t('navbar.upgrade.button')}
-                  </Button>
+                  </IconButton>
                   <Modal open={open} onClose={handleUpdateClose}>
                     <Box
                       sx={{