Change add party member and nickname modal to match stream

src/components/AddPartyMemberButton.js

@@ -33,11 +33,18 @@ function AddPartyMemberButton({ gameId }) {
       </IconButton>
       <Modal isOpen={isAddModalOpen} onRequestClose={closeModal}>
         <Box>
-          <Label p={2}>Other people can join using your ID</Label>
+          <Label pt={2} pb={1}>
+            Invite players
+          </Label>
+          <Text as="p" mb={2} variant="caption">
+            Other people can join using the game ID
+          </Text>
           <Box p={2} bg="hsla(230, 20%, 0%, 20%)">
             <Text>{gameId}</Text>
           </Box>
-          <Label p={2}>Or by using this link</Label>
+          <Text as="p" my={2} variant="caption">
+            Or by using this link
+          </Text>
           <Box p={2} bg="hsla(230, 20%, 0%, 20%)">
             <Text>{window.location.href}</Text>
           </Box>

src/components/ChangeNicknameButton.js

@@ -43,7 +43,7 @@ function ChangeNicknameButton({ nickname, onChange }) {
       </IconButton>
       <Modal isOpen={isChangeModalOpen} onRequestClose={closeModal}>
         <Box as="form" onSubmit={handleChangeSubmit}>
-          <Label p={2} htmlFor="nicknameChange">
+          <Label py={2} htmlFor="nicknameChange">
             Change your nickname
           </Label>
           <Input