From 420fd37cad48a7609e297a624e244fd0ff500d83 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 24 Oct 2024 15:41:25 +0530
Subject: [PATCH] feat: use typography for discard message

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

diff --git a/src/components/molecules/BrowserRecordingSave.tsx b/src/components/molecules/BrowserRecordingSave.tsx
index 8c95ccfa..6e9da12b 100644
--- a/src/components/molecules/BrowserRecordingSave.tsx
+++ b/src/components/molecules/BrowserRecordingSave.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import { Paper, Grid, IconButton, Button, Box } from '@mui/material';
+import { Paper, Grid, IconButton, Button, Box, Typography } from '@mui/material';
 import { SaveRecording } from "./SaveRecording";
 import { Circle, Add, Logout, Clear } from "@mui/icons-material";
 import { useGlobalInfoStore } from '../../context/globalInfo';
@@ -44,7 +44,7 @@ const BrowserRecordingSave = () => {
           </Button>
           <GenericModal isOpen={openModal} onClose={() => setOpenModal(false)} modalStyle={modalStyle}>
             <Box p={2}>
-              <h2>Are you sure you want to discard the recording?</h2>
+              <Typography variant="h6">Are you sure you want to discard the recording?</Typography>
               <Box display="flex" justifyContent="space-between" mt={2}>
                 <Button onClick={goToMainMenu} variant="contained" color="error">
                   Discard