From 9be90570f27d912bc437475cd7b93fc5a16e0366 Mon Sep 17 00:00:00 2001
From: Rohit <rohit.rajan031101@gmail.com>
Date: Thu, 1 May 2025 02:43:39 +0530
Subject: [PATCH] feat: wrap limit title text

---
 src/components/recorder/RightSidePanel.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/recorder/RightSidePanel.tsx b/src/components/recorder/RightSidePanel.tsx
index 89a2c486..0b5c10cc 100644
--- a/src/components/recorder/RightSidePanel.tsx
+++ b/src/components/recorder/RightSidePanel.tsx
@@ -621,7 +621,15 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
             {showLimitOptions && (
               <FormControl>
                 <FormLabel>
-                  <h4>{t('right_panel.limit.title')}</h4>
+                  <Typography variant="h6" sx={{ 
+                    fontSize: '16px', 
+                    fontWeight: 'bold',
+                    mb: 1,
+                    whiteSpace: 'normal', 
+                    wordBreak: 'break-word' 
+                  }}>
+                    {t('right_panel.limit.title')}
+                  </Typography>
                 </FormLabel>
                 <RadioGroup
                   value={limitType}
@@ -629,7 +637,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
                   sx={{
                     display: 'flex',
                     flexDirection: 'column',
-                    width: '500px'
+                    width: '100%',
                   }}
                 >
                   <FormControlLabel value="10" control={<Radio />} label="10" />