Merge pull request #781 from getmaxun/instruct-fix

fix: limit instruction highlighting

src/components/recorder/RightSidePanel.tsx

@@ -940,17 +940,15 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
           
             {showLimitOptions && (
               <FormControl>
-                <FormLabel>
+                <Typography variant="h6" sx={{ 
-                  <Typography variant="h6" sx={{ 
+                  fontSize: '16px', 
-                    fontSize: '16px', 
+                  fontWeight: 'bold',
-                    fontWeight: 'bold',
+                  mb: 1,
-                    mb: 1,
+                  whiteSpace: 'normal', 
-                    whiteSpace: 'normal', 
+                  wordBreak: 'break-word' 
-                    wordBreak: 'break-word' 
+                }}>
-                  }}>
+                  {t('right_panel.limit.title')}
-                    {t('right_panel.limit.title')}
+                </Typography>
-                  </Typography>
-                </FormLabel>
                 <RadioGroup
                   value={limitType}
                   onChange={(e) => updateLimitType(e.target.value as LimitType)}
@@ -1191,4 +1189,4 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
       </Box>
     </Paper>
   );
-};
+};