From c1e123c35d2e92406fa478166d840148b8c511b2 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 19 Oct 2024 00:12:45 +0530
Subject: [PATCH] feat: use typography

---
 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 f06bebd3..f1feb7c6 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -3,7 +3,7 @@ import axios from 'axios';
 import styled from "styled-components";
 import { stopRecording } from "../../api/recording";
 import { useGlobalInfoStore } from "../../context/globalInfo";
-import { Button, IconButton } from "@mui/material";
+import { Button, IconButton, Typography } from "@mui/material";
 import { RecordingIcon } from "../atoms/RecorderIcon";
 import { SaveRecording } from "./SaveRecording";
 import { Circle, Add, Logout, Clear } from "@mui/icons-material";
@@ -146,7 +146,7 @@ export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isR
             </div>
             <GenericModal isOpen={isModalOpen} onClose={() => setModalOpen(false)}>
               <div style={{ padding: '20px' }}>
-                <h2>Enter URL</h2>
+                <Typography variant="h6" gutterBottom>Enter URL To Extract Data</Typography>
                 <TextField
                   label="URL"
                   variant="outlined"