fix styles

Author: SaraVieira

packages/app/src/app/pages/common/Modals/FeedbackModal/Feedback.tsx

@@ -9,6 +9,7 @@ import {
   Stack,
   Button,
   Textarea,
+  Text,
 } from '@codesandbox/components';
 import React, {
   ChangeEvent,
@@ -113,19 +114,21 @@ const Feedback: FunctionComponent<Props> = ({ id, user }) => {
               variant={emoji === 'happy' ? 'primary' : 'secondary'}
               onClick={setHappy}
             >
-              <span aria-label="happy" role="img">
+              {/* eslint-disable-next-line jsx-a11y/accessible-emoji */}
+              <Text size={4} as="span" aria-label="happy" role="img">
                 😊
-              </span>
+              </Text>
             </Button>
 
             <Button
               css={css({ width: 'auto' })}
               variant={emoji === 'sad' ? 'primary' : 'secondary'}
               onClick={setSad}
             >
-              <span aria-label="sad" role="img">
+              {/* eslint-disable-next-line jsx-a11y/accessible-emoji */}
+              <Text size={4} as="span" aria-label="sad" role="img">
                 😞
-              </span>
+              </Text>
             </Button>
           </Stack>
 

packages/app/src/app/pages/common/Modals/StorageManagementModal/index.tsx

@@ -24,7 +24,7 @@ export const StorageManagementModal: FunctionComponent = () => {
       </Text>
       {!isEmpty && !isLoading && <FilesList />}
       {isEmpty && (
-        <Text align="center" weight="bold">
+        <Text align="center" weight="bold" block marginTop={6} marginBottom={6}>
           You have no uploaded files.
         </Text>
       )}