diff --git a/packages/react-app/src/App.jsx b/packages/react-app/src/App.jsx
index d14cceac..1720d576 100644
--- a/packages/react-app/src/App.jsx
+++ b/packages/react-app/src/App.jsx
@@ -5,7 +5,7 @@ import WalletLink from "walletlink";
 import { Alert, Button } from "antd";
 import "antd/dist/antd.css";
 import React, { useCallback, useEffect, useState } from "react";
-import { BrowserRouter, Route, Switch } from "react-router-dom";
+import { BrowserRouter, Route, Switch, useHistory } from "react-router-dom";
 import Web3Modal from "web3modal";
 import "./App.css";
 import { Account, Contract, Header, Footer } from "./components";
@@ -21,7 +21,7 @@ import Portis from "@portis/web3";
 import Fortmatic from "fortmatic";
 import Authereum from "authereum";
 
-import { Box } from "@chakra-ui/react";
+import { Box, HStack, Flex, Spacer } from "@chakra-ui/react";
 import NotConnectedCard from "./components/Cards/NotConnectedCard";
 import CenteredFrame from "./components/layout/CenteredFrame";
 
@@ -115,8 +115,7 @@ const web3Modal = new Web3Modal({
     // },
     "custom-walletlink": {
       display: {
-        logo:
-          "https://play-lh.googleusercontent.com/PjoJoG27miSglVBXoXrxBSLveV6e3EeBPpNY55aiUUBM9Q1RCETKCOqdOkX2ZydqVf0",
+        logo: "https://play-lh.googleusercontent.com/PjoJoG27miSglVBXoXrxBSLveV6e3EeBPpNY55aiUUBM9Q1RCETKCOqdOkX2ZydqVf0",
         name: "Coinbase",
         description: "Connect to Coinbase Wallet (not Coinbase App)",
       },
@@ -409,23 +408,30 @@ function App(props) {
   }, [yourLocalBalance]);
 
   return (
-    <div style={{ padding: 52 }}>
-      {networkDisplay}
-      <Box mb={8} w="full">
-        <div style={{ position: "fixed", textAlign: "right", right: 32, top: 60, padding: 10 }}>
-          <Account
-            address={address}
-            localProvider={localProvider}
-            userSigner={userSigner}
-            mainnetProvider={mainnetProvider}
-            price={price}
-            web3Modal={web3Modal}
-            loadWeb3Modal={loadWeb3Modal}
-            logoutOfWeb3Modal={logoutOfWeb3Modal}
-            blockExplorer={blockExplorer}
-          />
-        </div>
-        <Header />
+    <div>
+      <Box mb={8} pl={"12vw"} pr={"12vw"}>
+        <Box pb={10}>
+          <HStack>
+            <Box>
+              <Header />
+            </Box>
+            <Spacer />
+            <Box pt={5}>
+              <Account
+                address={address}
+                localProvider={localProvider}
+                userSigner={userSigner}
+                mainnetProvider={mainnetProvider}
+                price={price}
+                web3Modal={web3Modal}
+                loadWeb3Modal={loadWeb3Modal}
+                logoutOfWeb3Modal={logoutOfWeb3Modal}
+                blockExplorer={blockExplorer}
+              />
+            </Box>
+          </HStack>
+        </Box>
+
         {address && address !== "" ? (
           <BrowserRouter>
             <Switch>
diff --git a/packages/react-app/src/components/Account.jsx b/packages/react-app/src/components/Account.jsx
index 5bed00e7..f63e8089 100644
--- a/packages/react-app/src/components/Account.jsx
+++ b/packages/react-app/src/components/Account.jsx
@@ -1,44 +1,7 @@
-import { Button } from "antd";
 import React from "react";
 import { useThemeSwitcher } from "react-css-theme-switcher";
-import Address from "./Address";
-import Balance from "./Balance";
-import Wallet from "./Wallet";
-import { Text, Heading, VStack, HStack, Divider as ChDivider, Button as ChButton, Avatar } from "@chakra-ui/react";
-
-/*
-  ~ What it does? ~
-
-  Displays an Address, Balance, and Wallet as one Account component,
-  also allows users to log in to existing accounts and log out
-
-  ~ How can I use? ~
-
-  <Account
-    address={address}
-    localProvider={localProvider}
-    userProvider={userProvider}
-    mainnetProvider={mainnetProvider}
-    price={price}
-    web3Modal={web3Modal}
-    loadWeb3Modal={loadWeb3Modal}
-    logoutOfWeb3Modal={logoutOfWeb3Modal}
-    blockExplorer={blockExplorer}
-  />
-
-  ~ Features ~
-
-  - Provide address={address} and get balance corresponding to the given address
-  - Provide localProvider={localProvider} to access balance on local network
-  - Provide userProvider={userProvider} to display a wallet
-  - Provide mainnetProvider={mainnetProvider} and your address will be replaced by ENS name
-              (ex. "0xa870" => "user.eth")
-  - Provide price={price} of ether and get your balance converted to dollars
-  - Provide web3Modal={web3Modal}, loadWeb3Modal={loadWeb3Modal}, logoutOfWeb3Modal={logoutOfWeb3Modal}
-              to be able to log in/log out to/from existing accounts
-  - Provide blockExplorer={blockExplorer}, click on address and get the link
-              (ex. by default "https://etherscan.io/" or for xdai "https://blockscout.com/poa/xdai/")
-*/
+import { Box, Button } from "@chakra-ui/react";
+import { useLookupAddress } from "eth-hooks/dapps/ens";
 
 export default function Account({
   address,
@@ -52,30 +15,32 @@ export default function Account({
   logoutOfWeb3Modal,
   blockExplorer,
 }) {
+  const lookup = useLookupAddress(mainnetProvider, address);
+  const ensSplit = lookup?.split(".");
+  const validEnsCheck = ensSplit && ensSplit[ensSplit.length - 1] === "eth";
+
+  let displayAddress = "Loading...";
+
+  if (validEnsCheck) {
+    displayAddress = lookup;
+  } else {
+    displayAddress =
+      address !== undefined
+        ? `${address.substr(0, 5)}...${address.substr(address.length - 6, address.length)}`
+        : "Loading...";
+  }
+
   const modalButtons = [];
   if (web3Modal) {
     if (web3Modal.cachedProvider) {
       modalButtons.push(
-        <Button
-          key="logoutbutton"
-          style={{ verticalAlign: "top", marginLeft: 8, marginTop: 4 }}
-          shape="round"
-          size="large"
-          onClick={logoutOfWeb3Modal}
-        >
-          logout
+        <Button key="logoutbutton" size="sm" variant="outline" onClick={logoutOfWeb3Modal}>
+          🟢 {displayAddress}
         </Button>,
       );
     } else {
       modalButtons.push(
-        <Button
-          key="loginbutton"
-          style={{ verticalAlign: "top", marginLeft: 8, marginTop: 4 }}
-          shape="round"
-          size="large"
-          /* type={minimized ? "default" : "primary"}     too many people just defaulting to MM and having a bad time */
-          onClick={loadWeb3Modal}
-        >
+        <Button key="loginbutton" size="sm" onClick={loadWeb3Modal}>
           connect
         </Button>,
       );
@@ -84,31 +49,5 @@ export default function Account({
 
   const { currentTheme } = useThemeSwitcher();
 
-  const display = minimized ? (
-    ""
-  ) : (
-    <HStack w="100%" align="left" spacing="1rem">
-      {address ? (
-        <Address address={address} ensProvider={mainnetProvider} blockExplorer={blockExplorer} />
-      ) : (
-        "Connecting..."
-      )}
-      {/* <Balance address={address} provider={localProvider} price={price} /> */}
-      {/* <Wallet
-        address={address}
-        provider={localProvider}
-        signer={userSigner}
-        ensProvider={mainnetProvider}
-        price={price}
-        color={currentTheme === "light" ? "#1890ff" : "#2caad9"}
-      /> */}
-    </HStack>
-  );
-
-  return (
-    <HStack w="100%" align="left">
-      {display}
-      {modalButtons}
-    </HStack>
-  );
+  return <Box>{modalButtons}</Box>;
 }
diff --git a/packages/react-app/src/components/Footer.jsx b/packages/react-app/src/components/Footer.jsx
index 03073ceb..90217c59 100644
--- a/packages/react-app/src/components/Footer.jsx
+++ b/packages/react-app/src/components/Footer.jsx
@@ -1,4 +1,4 @@
-import { Flex, HStack, Link, Text, Box, useColorModeValue } from "@chakra-ui/react";
+import { Flex, HStack, Link, Text, Box, useColorModeValue, Spacer} from "@chakra-ui/react";
 import { Icon } from "@chakra-ui/icon";
 import { FaGithub } from "react-icons/fa";
 
@@ -6,8 +6,27 @@ import GitcoinIcon from "./Icons/GitcoinIcon";
 
 const Footer = () => {
   return (
-    <Box as="footer" width="100%" alignContent="center" pt="8" pb="12" pl="16" mt={4} ml={4} mr={8}>
-      <HStack alignItems="center" justifyContent="space-between" width="full">
+    <Box as="footer" width="100%" alignContent="center" pt={10}>
+          <HStack>
+          
+          <Link href="https://github.com/moonshotcollective" isExternal>
+          <Icon
+            as={FaGithub}
+            w={6}
+            h={6}
+            color="purple.500"
+            _hover={{
+              color: "yellow.500",
+            }}
+          />
+        </Link>
+          <Spacer />
+          <GitcoinIcon />
+          <Link href="https://moonshotcollective.space/" isExternal>
+              Moonshot Collective
+            </Link>
+        </HStack>
+      {/* <HStack alignItems="center" justifyContent="space-between" width="full">
         <Flex alignItems="bottom" justifyContent="bottom">
           <GitcoinIcon />
           <Text ml="2">
@@ -27,7 +46,7 @@ const Footer = () => {
             }}
           />
         </Link>
-      </HStack>
+      </HStack> */}
     </Box>
   );
 };
diff --git a/packages/react-app/src/components/Header.jsx b/packages/react-app/src/components/Header.jsx
index 7350c1e2..a756f3cb 100644
--- a/packages/react-app/src/components/Header.jsx
+++ b/packages/react-app/src/components/Header.jsx
@@ -7,19 +7,12 @@ import QDIcon from "./Icons/QDIcon";
 export default function Header() {
   const headingColor = useColorModeValue("yellow.600", "yellow.500");
   return (
-    <Box mb={8} mt={4} ml={4} w="full">
-      <HStack>
-        <VStack align="left">
-          <HStack align="center">
-            <QDIcon size={16} />
-            <Text mb={1} color={headingColor} fontSize="5xl">
-              pay.party
-            </Text>
-          </HStack>
-          <Text color="purple.500">
-            by MOONSHOT COLLECTIVE
-          </Text>
-        </VStack>
+    <Box pb={0}>
+      <HStack align="center">
+        <QDIcon size={16} />
+        <Text color={headingColor} fontSize="5xl">
+          pay.party
+        </Text>
       </HStack>
     </Box>
   );
diff --git a/packages/react-app/src/routes/create/Create.jsx b/packages/react-app/src/routes/create/Create.jsx
index 154ec644..7ad71280 100644
--- a/packages/react-app/src/routes/create/Create.jsx
+++ b/packages/react-app/src/routes/create/Create.jsx
@@ -1,12 +1,5 @@
-import {
-  Box,
-  Button,
-  FormControl,
-  FormLabel,
-  Input,
-  Textarea,
-  Select,
-} from "@chakra-ui/react";
+import { Box, Button, FormControl, FormLabel, Input, Textarea, Select } from "@chakra-ui/react";
+import { ArrowBackIcon } from "@chakra-ui/icons";
 import React, { useState } from "react";
 import { useHistory } from "react-router-dom";
 import MongoDBController from "../../controllers/mongodbController";
@@ -18,14 +11,13 @@ const Create = ({ address, mainnetProvider, userSigner, tx, readContracts, write
   const db = new MongoDBController();
 
   const [loading, setLoading] = useState(false);
-
   const [partyObj, setPartyObj] = useState({
     name: "",
     description: "",
-    receipts: [], 
+    receipts: [],
     config: {
-      strategy: "", 
-      nvotes: 0
+      strategy: "",
+      nvotes: 0,
     },
     participants: [],
     candidates: [],
@@ -35,71 +27,76 @@ const Create = ({ address, mainnetProvider, userSigner, tx, readContracts, write
   const onSubmit = async event => {
     event.preventDefault();
     setLoading(true);
-    db.newParty(partyObj)
-      .then(d => {
-        setLoading(false);
-      })
-      .catch(err => {
-        console.log(err);
-      });
+    userSigner.signMessage(`Create party:\n${partyObj.name}`).then(sig => {
+      // TODO: Do something with this
+      db.newParty(partyObj)
+        .then(d => {
+          setLoading(false);
+        })
+        .catch(err => {
+          console.log(err);
+        });
+    });
   };
 
   return (
-    <Box borderWidth={"1px"}>
+    <Box>
       <Button
+        size="lg"
+        variant="ghost"
         onClick={() => {
           routeHistory.push("/");
         }}
+        leftIcon={<ArrowBackIcon />}
       >
         Back
       </Button>
-      <form onSubmit={onSubmit}>
-        <FormControl id="create">
-          <FormLabel>Name</FormLabel>
-          <Input type="name" placeholder="Party Name" onChange={e => (partyObj.name = e.currentTarget.value)} />
+      <Box borderWidth={"1px"}>
+        <form onSubmit={onSubmit}>
+          <FormControl id="create">
+            <FormLabel>Name</FormLabel>
+            <Input type="name" placeholder="Party Name" onChange={e => (partyObj.name = e.currentTarget.value)} />
 
-          <FormLabel>Desciption</FormLabel>
-          <Textarea
-            type="description"
-            placeholder="Describe your party"
-            rows={3}
-            onChange={e => (partyObj.description = e.currentTarget.value)}
-          />
+            <FormLabel>Desciption</FormLabel>
+            <Textarea
+              type="description"
+              placeholder="Describe your party"
+              rows={3}
+              onChange={e => (partyObj.description = e.currentTarget.value)}
+            />
 
-          <FormLabel>Strategy</FormLabel>
-          <Select onChange={e => (partyObj.config.strategy = e.currentTarget.value)}>
-            <option>Linear</option>
-            <option>Quadratic</option>
-          </Select>
+            <FormLabel>Strategy</FormLabel>
+            <Select onChange={e => (partyObj.config.strategy = e.currentTarget.value)}>
+              <option>Linear</option>
+              <option>Quadratic</option>
+            </Select>
 
-          <FormLabel>Participants</FormLabel>
-          <Textarea
-            type="participants"
-            placeholder="ex: 0x802999C71263f7B30927F720CF0AC10A76a0494C, 0x6b541b78349097714B9D1aB6A788dB5e0dCF21a3, ..."
-            rows={3}
-            onChange={e => {
-              const parsed = (partyObj.participants = e.currentTarget.value.split(/[ ,]+/)).filter(c => c !== ''); 
-              console.log(parsed)
-            }}
-          ></Textarea>
+            <FormLabel>Participants</FormLabel>
+            <Textarea
+              type="participants"
+              placeholder="ex: 0x802999C71263f7B30927F720CF0AC10A76a0494C, 0x6b541b78349097714B9D1aB6A788dB5e0dCF21a3, ..."
+              rows={3}
+              onChange={e => {
+                const parsed = (partyObj.participants = e.currentTarget.value.split(/[ ,]+/)).filter(c => c !== "");
+              }}
+            />
 
-          <FormLabel>Candidates</FormLabel>
-          <Textarea
-            type="candidates"
-            placeholder="ex: 0x802999C71263f7B30927F720CF0AC10A76a0494C, ..."
-            rows={3}
-            onChange={e => {
-              const parsed = (partyObj.candidates = e.currentTarget.value.split(/[ ,]+/)).filter(c => c !== '')
-              console.log(parsed)
-            }
-          }
-          ></Textarea>
+            <FormLabel>Candidates</FormLabel>
+            <Textarea
+              type="candidates"
+              placeholder="ex: 0x802999C71263f7B30927F720CF0AC10A76a0494C, ..."
+              rows={3}
+              onChange={e => {
+                const parsed = (partyObj.candidates = e.currentTarget.value.split(/[ ,]+/)).filter(c => c !== "");
+              }}
+            />
 
-          <Button type="primary" type="submit" loading={loading}>
-            Submit
-          </Button>
-        </FormControl>
-      </form>
+            <Button size="lg" type="primary" type="submit" loading={loading}>
+              Submit
+            </Button>
+          </FormControl>
+        </form>
+      </Box>
     </Box>
   );
 };
diff --git a/packages/react-app/src/routes/home/Home.jsx b/packages/react-app/src/routes/home/Home.jsx
index d0a0d36a..1580b813 100644
--- a/packages/react-app/src/routes/home/Home.jsx
+++ b/packages/react-app/src/routes/home/Home.jsx
@@ -1,10 +1,9 @@
 import { Button } from "@chakra-ui/button";
 import { AddIcon } from "@chakra-ui/icons";
-import { Box, Heading, HStack } from "@chakra-ui/layout";
+import { Box, Heading, HStack, Spacer } from "@chakra-ui/layout";
 import { useColorModeValue } from "@chakra-ui/color-mode";
 import React, { useEffect, useState, useMemo } from "react";
 import { useHistory, Link } from "react-router-dom";
-import Container from "../../components/layout/Container";
 import MongoDbController from "../../controllers/mongodbController";
 import { Space } from "antd";
 
@@ -32,23 +31,23 @@ function Home({ address, mainnetProvider, tx, readContracts, writeContracts, tar
     return (
       data &&
       data.map(d => (
-        <Space wrap size={[8, 16]} align="baseline" key={`${d._id}-space`}>
-          <div style={{ padding: 16 }} key={`${d._id}-div`}>
-            <Box style={{ width: "80vw" }} borderWidth="1px">
-              <p>{`Id: ${d._id}`}</p>
-              <Link
-                to={`/party/${d._id}`}
-                onClick={() => {
-                  routeHistory.push(`/party/${d._id}`);
-                }}
-              >
-                View
-              </Link>
-              <p>{d.name}</p>
-              <p>{d.desc}</p>
-            </Box>
-          </div>
-        </Space>
+        // <Space wrap size={[8, 16]} align="baseline" key={`${d._id}-space`}>
+        //   <div style={{ padding: 16 }} key={`${d._id}-div`}>
+        <Box borderWidth="1px">
+          <p>{`Id: ${d._id}`}</p>
+          <Link
+            to={`/party/${d._id}`}
+            onClick={() => {
+              routeHistory.push(`/party/${d._id}`);
+            }}
+          >
+            View
+          </Link>
+          <p>{d.name}</p>
+          <p>{d.desc}</p>
+        </Box>
+        //   </div>
+        // </Space>
       ))
     );
   }, [data]);
@@ -58,19 +57,18 @@ function Home({ address, mainnetProvider, tx, readContracts, writeContracts, tar
   };
 
   return (
-    <Container>
-      <HStack w="full" justifyContent="space-between">
-        <Heading fontSize="1.5rem" color={headingColor}>
-          Parties
+    <Box>
+      <HStack>
+        <Heading pl={2} as="h1" size="md">
+          All Parties
         </Heading>
-        <Box pr={40}>
-          <Button onClick={createElection} rightIcon={<AddIcon />}>
-            Create Party
-          </Button>
-        </Box>
+        <Spacer />
+        <Button onClick={createElection} leftIcon={<AddIcon />} size="lg" variant="ghost">
+          Create Party
+        </Button>
       </HStack>
-      {cards}
-    </Container>
+      <Box>{cards}</Box>
+    </Box>
   );
 }
 
diff --git a/packages/react-app/src/routes/party/Party.jsx b/packages/react-app/src/routes/party/Party.jsx
index 419f8d1c..0286e56e 100644
--- a/packages/react-app/src/routes/party/Party.jsx
+++ b/packages/react-app/src/routes/party/Party.jsx
@@ -1,7 +1,6 @@
 import React, { useEffect, useState } from "react";
-import {
-  Box,
-} from "@chakra-ui/react";
+import { Button, Box } from "@chakra-ui/react";
+import { ArrowBackIcon } from "@chakra-ui/icons";
 import { useParams, useHistory } from "react-router-dom";
 import MongoDBController from "../../controllers/mongodbController";
 import { Vote, Distribute } from "./components";
@@ -32,24 +31,36 @@ export default function Party({
   }, []);
 
   return (
-    <Box borderWidth={"1px"}>
-      <p>{JSON.stringify(partyData)}</p>
-      <Vote
-        dbInstance={db}
-        partyData={partyData}
-        address={address}
-        userSigner={userSigner}
-        targetNetwork={targetNetwork}
-        readContracts={readContracts}
-      />
-      <Distribute
-        dbInstance={db}
-        partyData={partyData}
-        address={address}
-        userSigner={userSigner}
-        writeContracts={writeContracts}
-        tx={tx}
-      />
+    <Box>
+      <Button
+        size="lg"
+        variant="ghost"
+        leftIcon={<ArrowBackIcon />}
+        onClick={() => {
+          routeHistory.push("/");
+        }}
+      >
+        Back
+      </Button>
+      <Box borderWidth={"1px"}>
+        <p>{JSON.stringify(partyData)}</p>
+        <Vote
+          dbInstance={db}
+          partyData={partyData}
+          address={address}
+          userSigner={userSigner}
+          targetNetwork={targetNetwork}
+          readContracts={readContracts}
+        />
+        <Distribute
+          dbInstance={db}
+          partyData={partyData}
+          address={address}
+          userSigner={userSigner}
+          writeContracts={writeContracts}
+          tx={tx}
+        />
+      </Box>
     </Box>
   );
 }
diff --git a/packages/react-app/src/routes/party/components/Distribute.jsx b/packages/react-app/src/routes/party/components/Distribute.jsx
index 6df318c0..57841150 100644
--- a/packages/react-app/src/routes/party/components/Distribute.jsx
+++ b/packages/react-app/src/routes/party/components/Distribute.jsx
@@ -28,9 +28,8 @@ export const Distribute = ({ dbInstance, partyData, address, userSigner, writeCo
   // Calculate percent distribution from submitted ballots
   const calcDistribution = () => {
     try {
-      if (partyData) {
+      if (partyData.ballots.length > 0) {
         const votes = partyData.ballots.map(b => JSON.parse(b.data.ballot.votes.replace(/[ \n\r]/g, "")));
-        console.log(votes);
         let sum = 0;
         let processed = [];
         let strategy = partyData.config.strategy;
@@ -59,7 +58,9 @@ export const Distribute = ({ dbInstance, partyData, address, userSigner, writeCo
         }
         setDistribution(final);
       }
-    } catch {}
+    } catch {
+      setDistribution(null);
+    }
   };
 
   // Calculate the distribution on load
@@ -68,7 +69,6 @@ export const Distribute = ({ dbInstance, partyData, address, userSigner, writeCo
   }, []);
 
   const handleTokenChange = e => {
-    console.log(e.target.value);
     setToken(e.target.value);
   };
 
@@ -149,7 +149,6 @@ export const Distribute = ({ dbInstance, partyData, address, userSigner, writeCo
     try {
       if (partyData && partyData.ballots.length > 0) {
         setIsDistributionLoading(true);
-        console.log(partyData);
         // Distribute the funds
         if (tokenInstance && amounts) {
           tx(
@@ -157,8 +156,6 @@ export const Distribute = ({ dbInstance, partyData, address, userSigner, writeCo
             handleReceipt,
           );
         } else {
-          console.log(partyData.candidates);
-          console.log(amounts.map(a => a.toString()));
           tx(
             writeContracts.Distributor.distributeEther(partyData.candidates, amounts, { value: total }),
             handleReceipt,
@@ -196,7 +193,7 @@ export const Distribute = ({ dbInstance, partyData, address, userSigner, writeCo
       </HStack>
       <HStack>
         <NumberInput onChange={handleAmountChange}>
-          <NumberInputField placeholder="1"/>
+          <NumberInputField placeholder="1" />
           <NumberInputStepper>
             <NumberIncrementStepper />
             <NumberDecrementStepper />
diff --git a/packages/react-app/src/routes/party/components/Vote.jsx b/packages/react-app/src/routes/party/components/Vote.jsx
index b4c06dd2..694357b7 100644
--- a/packages/react-app/src/routes/party/components/Vote.jsx
+++ b/packages/react-app/src/routes/party/components/Vote.jsx
@@ -1,9 +1,4 @@
-import {
-  Box,
-  Button,
-  Textarea,
-  HStack,
-} from "@chakra-ui/react";
+import { Box, Button, Textarea, HStack } from "@chakra-ui/react";
 import React, { useState } from "react";
 
 export const Vote = ({ dbInstance, partyData, address, userSigner, targetNetwork, readContracts }) => {
@@ -19,8 +14,6 @@ export const Vote = ({ dbInstance, partyData, address, userSigner, targetNetwork
     }
   };
 
-  console.log(partyData);
-
   const vote = async () => {
     // EIP-712 Typed Data
     // See: https://eips.ethereum.org/EIPS/eip-712