Fix dice tray button size on safari

src/components/party/DiceTrayButton.js

@@ -19,11 +19,12 @@ function DiceTrayButton({
       sx={{
         position: "absolute",
         top: 0,
-        left: 0,
+        left: "100%",
         bottom: 0,
         flexDirection: "column",
         alignItems: "flex-start",
         pointerEvents: "none",
+        zIndex: 1,
       }}
       ml={1}
     >

src/components/party/Party.js

@@ -91,14 +91,12 @@ function Party({
         />
         <SettingsButton />
       </Flex>
-      <Box sx={{ position: "absolute", top: 0, right: "0", zIndex: 1 }}>
-        <DiceTrayButton
-          shareDice={shareDice}
-          onShareDiceChage={onShareDiceChage}
-          diceRolls={diceRolls}
-          onDiceRollsChange={onDiceRollsChange}
-        />
-      </Box>
+      <DiceTrayButton
+        shareDice={shareDice}
+        onShareDiceChage={onShareDiceChage}
+        diceRolls={diceRolls}
+        onDiceRollsChange={onDiceRollsChange}
+      />
     </Flex>
   );
 }