fix div wrapped inside p tag

src/components/Sidebar/SubscriptionCard/contentOverlay/storageSection.tsx

@@ -26,21 +26,24 @@ export default function StorageSection({ usage, storage }: Iprops) {
             <Typography variant="body2" color={'text.secondary'}>
                 {constants.STORAGE}
             </Typography>
-
+            <DefaultBox>
                 <Typography
                     fontWeight={'bold'}
                     sx={{ fontSize: '24px', lineHeight: '30px' }}>
-                <DefaultBox>
                     {`${makeHumanReadableStorage(usage, 'round-up')} ${
                         constants.OF
                     } ${makeHumanReadableStorage(storage)} ${constants.USED}`}
+                </Typography>
             </DefaultBox>
             <MobileSmallBox>
+                <Typography
+                    fontWeight={'bold'}
+                    sx={{ fontSize: '24px', lineHeight: '30px' }}>
                     {`${convertBytesToGBs(usage)} /  ${convertBytesToGBs(
                         storage
                     )} ${constants.GB} ${constants.USED}`}
-                </MobileSmallBox>
                 </Typography>
+            </MobileSmallBox>
         </Box>
     );
 }