フォントサイズが小さくなりすぎないように修正

frontend/src/pages/AddRecipe.tsx

@@ -369,13 +369,13 @@ const AddRecipe: React.FC = () => {
         </div>
         <FormControlLabel
           control={<Checkbox checked={checked} onChange={(e) => setChecked(e.target.checked)} />}
-          label={<Typography fontSize="clamp(8px, 1.5vw, 14px)">足りない食材のみ登録</Typography>}
+          label={<Typography sx={{ fontSize: '85%' }}>足りない食材のみ登録</Typography>}
         />
         </DialogContent>
           <DialogActions>
             <Button onClick={() => setOpenNumOfPeapleDialog(false)}>前の画面に戻る</Button>
             <Button onClick={() => handleSubmitAndAddToBuy()} variant="contained"
-              style={{ width: '40%', fontSize: 'clamp(12px, 3vw, 20px)' }}
+              style={{ width: '40%' }}
             >
               追加
             </Button>