From f975c3743d6c83b9dd6436fe0146488f4f3f741d Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Fri, 11 Oct 2024 03:03:22 +0530
Subject: [PATCH] feat: use typography h6

---
 src/components/organisms/ProxyForm.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/organisms/ProxyForm.tsx b/src/components/organisms/ProxyForm.tsx
index 1cebaac0..c95cb3ef 100644
--- a/src/components/organisms/ProxyForm.tsx
+++ b/src/components/organisms/ProxyForm.tsx
@@ -7,7 +7,6 @@ import { useGlobalInfoStore } from '../../context/globalInfo';
 const FormContainer = styled(Box)({
     display: 'flex',
     flexDirection: 'column',
-    alignItems: 'center',
     gap: '16px',
 });
 
@@ -84,10 +83,10 @@ const ProxyForm: React.FC = () => {
 
     return (
         <FormContainer>
-            <Box component="form" onSubmit={handleSubmit} sx={{ maxWidth: 400, width: '100%' }}>
-                <Typography variant="subtitle1" gutterBottom style={{ marginBottom: '20px', marginTop: '20px' }}>
+             <Typography variant="h6" gutterBottom component="div" style={{ marginTop: '20px' }}>
                     Proxy Configuration
                 </Typography>
+            <Box component="form" onSubmit={handleSubmit} sx={{ maxWidth: 400, width: '100%' }}>
                 <FormControl>
                     <TextField
                         label="Proxy Server URL"