diff --git a/packages/react-app/.sample.env b/packages/react-app/.sample.env
index 1f1f58ea..310ccd69 100644
--- a/packages/react-app/.sample.env
+++ b/packages/react-app/.sample.env
@@ -1,4 +1,7 @@
-REACT_APP_NETWORK_NAME=<YOUR_NETWORK>
-REACT_APP_PROVIDER=<YOUR_APP_PROVIDER>
-REACT_APP_API_URL=<YOUR_API_URL>
-REACT_APP_ETHERSCAN_KEY=<YOUR_ETHERSCAN_API_KEY>
+REACT_APP_NETWORK_NAME=<NETWROK_NAME>
+REACT_APP_PROVIDER=<PROVIDER_URL>
+REACT_APP_API_URL=<API_URL>
+REACT_APP_ETHERSCAN_KEY=<ETHERSCAN_KEY>
+REACT_APP_VERSION=<APP_VERSION>
+REACT_APP_INFURA_ID=<INFURA_ID>
+REACT_APP_BLOCKNATIVE_DAPPID=<BN_DAPPID>
\ No newline at end of file
diff --git a/packages/react-app/src/App.jsx b/packages/react-app/src/App.jsx
index ad72b965..9f575d5f 100644
--- a/packages/react-app/src/App.jsx
+++ b/packages/react-app/src/App.jsx
@@ -37,6 +37,8 @@ import {
   MenuItemOption,
   MenuOptionGroup,
   Divider,
+  Wrap, 
+  WrapItem
 } from "@chakra-ui/react";
 import NotConnectedCard from "./components/Cards/NotConnectedCard";
 import CenteredFrame from "./components/layout/CenteredFrame";
@@ -506,14 +508,14 @@ function App(props) {
   return (
     <div>
       <Box mb={8} pl={"14vw"} pr={"14vw"}>
-        <Box pb={"6vh"}>
-          <HStack>
-            <Box>
+        <Wrap pb={"6vh"}>
+            <WrapItem>
               <a href="/">
                 <Header />
               </a>
-            </Box>
+            </WrapItem>
             <Spacer />
+            <WrapItem>
             <Box pt={5}>{networkSelect}</Box>
             <Box pt={5}>
               <Account
@@ -535,8 +537,8 @@ function App(props) {
                 onClick={toggleColorMode}
               />
             </Box>
-          </HStack>
-        </Box>
+            </WrapItem>
+        </Wrap>
         {address && address !== "" ? (
           <BrowserRouter>
             <Switch>
diff --git a/packages/react-app/src/constants.js b/packages/react-app/src/constants.js
index 4572bc0c..654f6331 100644
--- a/packages/react-app/src/constants.js
+++ b/packages/react-app/src/constants.js
@@ -1,11 +1,8 @@
-// MY INFURA_ID, SWAP IN YOURS FROM https://infura.io/dashboard/ethereum
-export const INFURA_ID = "bd19f29ceeb04aeb83009866f836474b"; //"460f40a260564ac4a4f4b3fffb032dad";
+require("dotenv").config();
 
-// MY ETHERSCAN_ID, SWAP IN YOURS FROM https://etherscan.io/myapikey
-export const ETHERSCAN_KEY = "PSW8C433Q667DVEX5BCRMGNAH9FSGFZ7Q8";
-
-// BLOCKNATIVE ID FOR Notify.js:
-export const BLOCKNATIVE_DAPPID = "0b58206a-f3c0-4701-a62f-73c7243e8c77";
+export const INFURA_ID = process.env.REACT_APP_INFURA_ID;
+export const ETHERSCAN_KEY = process.env.REACT_APP_ETHERSCAN_KEY;
+export const BLOCKNATIVE_DAPPID = process.env.REACT_APP_BLOCKNATIVE_DAPPID;
 
 export const NETWORKS = {
   localhost: {
diff --git a/packages/react-app/src/routes/create/Create.jsx b/packages/react-app/src/routes/create/Create.jsx
index 3a9bccdb..75c721c8 100644
--- a/packages/react-app/src/routes/create/Create.jsx
+++ b/packages/react-app/src/routes/create/Create.jsx
@@ -135,54 +135,56 @@ const Create = ({ address, mainnetProvider, userSigner, tx, readContracts, write
       >
         Back
       </Button>
-      <Box borderWidth={"1px"} padding={"4% 18% 6% 18%"} borderRadius={12}>
-        <Center>
-          <Text fontSize="lg">Create</Text>
-        </Center>
-        <form onSubmit={onSubmit}>
-          <FormControl id="create">
-            <FormLabel>Name</FormLabel>
-            <Input size="lg" placeholder="Party Name" onChange={e => (partyObj.name = e.currentTarget.value)} />
-
-            <FormLabel>Description</FormLabel>
-            <Textarea
-              size="lg"
-              placeholder="Describe your party"
-              rows={3}
-              onChange={e => (partyObj.description = e.currentTarget.value)}
-            />
-
-            <FormLabel>Participants</FormLabel>
-            <Textarea
-              size="lg"
-              placeholder="ex: alice.eth, 0x6b541b78349097714B9D1aB6A788dB5e0dCF21a3, ..."
-              rows={5}
-              onChange={parseParticipants}
-              isInvalid={isInvalidParticipantInput}
-            />
-
-            <FormLabel>Candidates</FormLabel>
-            <Textarea
-              size="lg"
-              placeholder="ex: 0x802999C71263f7B30927F720CF0AC10A76a0494C, bob.eth, ..."
-              rows={4}
-              onChange={parseCandidates}
-              isInvalid={isInvalidCandidateInput}
-            />
-            <FormLabel>Strategy</FormLabel>
-            <Select size="lg" onChange={e => (partyObj.config.strategy = e.target.value)}>
-              <option>Linear</option>
-              <option>Quadratic</option>
-            </Select>
-
-            <Center pt={10}>
-              <Button size="lg" type="submit" isLoading={isLoading} loadingText={loadingText}>
-                Submit Party
-              </Button>
-            </Center>
-          </FormControl>
-        </form>
-      </Box>
+      <Center p='5'>
+        <Box borderWidth={"1px"} shadow="xl" rounded="md" p="10" w="4xl" minW='sm'>
+          <Center p='5'>
+            <Text fontSize="lg">Create Party</Text>
+          </Center>
+          <form onSubmit={onSubmit}>
+            <FormControl id="create">
+              <FormLabel>Name</FormLabel>
+              <Input size="lg" placeholder="Party Name" onChange={e => (partyObj.name = e.currentTarget.value)} />
+
+              <FormLabel>Description</FormLabel>
+              <Textarea
+                size="lg"
+                placeholder="Describe your party"
+                rows={3}
+                onChange={e => (partyObj.description = e.currentTarget.value)}
+              />
+
+              <FormLabel>Participants</FormLabel>
+              <Textarea
+                size="lg"
+                placeholder="ex: alice.eth, 0x6b541b78349097714B9D1aB6A788dB5e0dCF21a3, ..."
+                rows={5}
+                onChange={parseParticipants}
+                isInvalid={isInvalidParticipantInput}
+              />
+
+              <FormLabel>Candidates</FormLabel>
+              <Textarea
+                size="lg"
+                placeholder="ex: 0x802999C71263f7B30927F720CF0AC10A76a0494C, bob.eth, ..."
+                rows={4}
+                onChange={parseCandidates}
+                isInvalid={isInvalidCandidateInput}
+              />
+              <FormLabel>Strategy</FormLabel>
+              <Select size="lg" onChange={e => (partyObj.config.strategy = e.target.value)}>
+                <option>Linear</option>
+                <option>Quadratic</option>
+              </Select>
+
+              <Center pt={10}>
+                <Button size="lg" type="submit" isLoading={isLoading} loadingText={loadingText}>
+                  Submit Party
+                </Button>
+              </Center>
+            </FormControl>
+          </form>
+        </Box>
+      </Center>
     </Box>
   );
 };
diff --git a/packages/react-app/src/routes/home/Home.jsx b/packages/react-app/src/routes/home/Home.jsx
index 98c6168b..ff394d8d 100644
--- a/packages/react-app/src/routes/home/Home.jsx
+++ b/packages/react-app/src/routes/home/Home.jsx
@@ -1,10 +1,12 @@
 import { Button } from "@chakra-ui/button";
 import { AddIcon } from "@chakra-ui/icons";
-import { Box, Heading, HStack, Spacer } from "@chakra-ui/layout";
+import { Box, Heading, HStack, Spacer, Flex } from "@chakra-ui/layout";
 import { useColorModeValue } from "@chakra-ui/color-mode";
+import { Wrap, WrapItem } from '@chakra-ui/react'
 import React, { useEffect, useState, useMemo } from "react";
 import { useHistory, Link } from "react-router-dom";
 import MongoDbController from "../../controllers/mongodbController";
+import { PartyCard, EmptyCard } from "./components";
 
 function Home({ address, mainnetProvider, tx, readContracts, writeContracts, targetNetwork }) {
   /***** Load Data from db *****/
@@ -27,25 +29,7 @@ function Home({ address, mainnetProvider, tx, readContracts, writeContracts, tar
   const headingColor = useColorModeValue("gray.800", "whiteAlpha.900");
 
   const cards = useMemo(() => {
-    return (
-      data &&
-      data.map(d => (
-        <Box borderWidth="1px" key={`box-${d.id}`}>
-          <p>{`Id: ${d.id}`}</p>
-          <p>{d.name}</p>
-          <p>{d.desc}</p>
-          <Button
-            variant="link"
-            to={`/party/${d.id}`}
-            onClick={() => {
-              routeHistory.push(`/party/${d.id}`);
-            }}
-          >
-            View
-          </Button>
-        </Box>
-      ))
-    );
+    return data && data.map(d => <WrapItem p='2'><PartyCard name={d.name} desc={d.description} id={d.id} /></WrapItem>);
   }, [data]);
 
   const createElection = () => {
@@ -63,7 +47,15 @@ function Home({ address, mainnetProvider, tx, readContracts, writeContracts, tar
           Create Party
         </Button>
       </HStack>
-      <Box>{cards}</Box>
+      <Wrap>
+      {
+        cards && cards.length > 0 
+        ? 
+        cards 
+        : 
+        <EmptyCard />
+      }
+      </Wrap>
     </Box>
   );
 }
diff --git a/packages/react-app/src/routes/home/components/EmptyCard.jsx b/packages/react-app/src/routes/home/components/EmptyCard.jsx
new file mode 100644
index 00000000..f68093ff
--- /dev/null
+++ b/packages/react-app/src/routes/home/components/EmptyCard.jsx
@@ -0,0 +1,20 @@
+import {Box, Button, Text} from "@chakra-ui/react";
+import { useHistory, Link } from "react-router-dom";
+
+export const EmptyCard = ({}) => {
+const routeHistory = useHistory();
+    return ( 
+        <Box borderWidth="1px" rounded="md" shadow="xl" p="5" w="sm" key={`box-create`}>
+        <Text>No Parties</Text>
+        <Button
+          variant="link"
+          to={`/create`}
+          onClick={() => {
+            routeHistory.push(`/create`);
+          }}
+        >
+          Create a new party
+        </Button>
+      </Box>
+    )
+}
\ No newline at end of file
diff --git a/packages/react-app/src/routes/home/components/PartyCard.jsx b/packages/react-app/src/routes/home/components/PartyCard.jsx
new file mode 100644
index 00000000..356e1fcf
--- /dev/null
+++ b/packages/react-app/src/routes/home/components/PartyCard.jsx
@@ -0,0 +1,24 @@
+import { Box, Button, Text } from "@chakra-ui/react";
+import { useHistory, Link } from "react-router-dom";
+
+export const PartyCard = ({ name, desc, id }) => {
+  const routeHistory = useHistory();
+  return (
+    <Box borderWidth="1px" key={`box-${id}`} rounded="md" shadow="xl" p="5" w="sm">
+      <Text fontSize="lg" fontWeight="semibold">
+        {name}
+      </Text>
+      <Text fontSize="xs" color="gray.400">{`Id: ${id}`}</Text>
+      <Text isTruncated>{desc}</Text>
+      <Button
+        variant="link"
+        to={`/party/${id}`}
+        onClick={() => {
+          routeHistory.push(`/party/${id}`);
+        }}
+      >
+        View
+      </Button>
+    </Box>
+  );
+};
diff --git a/packages/react-app/src/routes/home/components/index.js b/packages/react-app/src/routes/home/components/index.js
new file mode 100644
index 00000000..61883fc7
--- /dev/null
+++ b/packages/react-app/src/routes/home/components/index.js
@@ -0,0 +1,2 @@
+export { EmptyCard } from "./EmptyCard";
+export { PartyCard } from "./PartyCard";
diff --git a/packages/react-app/src/routes/party/Party.jsx b/packages/react-app/src/routes/party/Party.jsx
index 122ee96f..1d099944 100644
--- a/packages/react-app/src/routes/party/Party.jsx
+++ b/packages/react-app/src/routes/party/Party.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState, useMemo } from "react";
-import { Button, Box, Divider } from "@chakra-ui/react";
+import { Button, Box, Divider, Center } from "@chakra-ui/react";
 import { ArrowBackIcon } from "@chakra-ui/icons";
 import { useParams, useHistory } from "react-router-dom";
 import MongoDBController from "../../controllers/mongodbController";
@@ -32,56 +32,55 @@ export default function Party({
     db.fetchParty(id)
       .then(res => {
         setPartyData(res.data);
-        console.log(res.data)
         const votes = res?.data?.ballots?.filter(b => b.data.ballot.address === address);
         const participating = res.data.participants.includes(address);
         setAccountVoteData(votes);
         setCanVote(votes.length === 0 && participating ? true : false);
-        setIsParticipant(participating)
+        setIsParticipant(participating);
       })
       .catch(err => {
         console.log(err);
       });
   }, [id]);
 
-    // Calculate percent distribution from submitted ballots
-    const calcDistribution = () => {
-      if (partyData &&  partyData.ballots && partyData.ballots.length > 0) {
-        const votes = partyData.ballots.map(b => JSON.parse(b.data.ballot.votes.replace(/[ \n\r]/g, "")));
-        let sum = 0;
-        let processed = [];
-        let strategy = partyData.config.strategy;
-        if (!strategy || strategy === "") {
-          strategy = "Linear";
-          console.log("Reverted to linear strategy");
-        }
-        for (let i = 0; i < partyData.candidates.length; i++) {
-          const candidate = partyData.candidates[i];
-          // Strategy handling
-          // TODO: Switch statement
-          if (strategy === "Linear") {
-            let c = votes.reduce((total, vote) => vote[candidate] + total, 0);
-            sum += c;
-            processed.push({ address: candidate, reduced: c });
-          } else if (strategy === "Quadratic") {
-            let c = votes.reduce((total, vote) => vote[candidate] ** 0.5 + total, 0);
-            sum += c;
-            processed.push({ address: candidate, reduced: c });
-          }
-        }
-        let final = [];
-        for (let i = 0; i < partyData.candidates.length; i++) {
-          const candidate = partyData.candidates[i];
-          final.push({ address: candidate, score: processed[i].reduced / sum });
+  // Calculate percent distribution from submitted ballots
+  const calcDistribution = () => {
+    if (partyData && partyData.ballots && partyData.ballots.length > 0) {
+      const votes = partyData.ballots.map(b => JSON.parse(b.data.ballot.votes.replace(/[ \n\r]/g, "")));
+      let sum = 0;
+      let processed = [];
+      let strategy = partyData.config.strategy;
+      if (!strategy || strategy === "") {
+        strategy = "Linear";
+        console.log("Reverted to linear strategy");
+      }
+      for (let i = 0; i < partyData.candidates.length; i++) {
+        const candidate = partyData.candidates[i];
+        // Strategy handling
+        // TODO: Switch statement
+        if (strategy === "Linear") {
+          let c = votes.reduce((total, vote) => vote[candidate] + total, 0);
+          sum += c;
+          processed.push({ address: candidate, reduced: c });
+        } else if (strategy === "Quadratic") {
+          let c = votes.reduce((total, vote) => vote[candidate] ** 0.5 + total, 0);
+          sum += c;
+          processed.push({ address: candidate, reduced: c });
         }
-        setDistribution(final);
       }
-    };
-  
-    // Calculate the distribution on load
-    useEffect(() => {
-      calcDistribution();
-    }, [partyData]);
+      let final = [];
+      for (let i = 0; i < partyData.candidates.length; i++) {
+        const candidate = partyData.candidates[i];
+        final.push({ address: candidate, score: processed[i].reduced / sum });
+      }
+      setDistribution(final);
+    }
+  };
+
+  // Calculate the distribution on load
+  useEffect(() => {
+    calcDistribution();
+  }, [partyData]);
 
   return (
     <Box>
@@ -106,34 +105,38 @@ export default function Party({
       </Button>
       <Box>
         {showDebug && <p>{JSON.stringify(partyData)}</p>}
-        {canVote ? (
-          <Vote
+        <Center p="5">
+          {canVote ? (
+            <Vote
+              dbInstance={db}
+              partyData={partyData}
+              address={address}
+              userSigner={userSigner}
+              targetNetwork={targetNetwork}
+              readContracts={readContracts}
+              mainnetProvider={mainnetProvider}
+            />
+          ) : (
+            <View
+              partyData={partyData}
+              mainnetProvider={mainnetProvider}
+              votesData={accountVoteData}
+              distribution={distribution}
+            />
+          )}
+        </Center>
+        <Center p="5">
+          <Distribute
             dbInstance={db}
             partyData={partyData}
             address={address}
             userSigner={userSigner}
-            targetNetwork={targetNetwork}
+            writeContracts={writeContracts}
             readContracts={readContracts}
-            mainnetProvider={mainnetProvider}
-          />
-        ) : (
-          <View
-            partyData={partyData}
-            mainnetProvider={mainnetProvider}
-            votesData={accountVoteData}
+            tx={tx}
             distribution={distribution}
           />
-        )}
-        <Distribute
-          dbInstance={db}
-          partyData={partyData}
-          address={address}
-          userSigner={userSigner}
-          writeContracts={writeContracts}
-          readContracts={readContracts}
-          tx={tx}
-          distribution={distribution}
-        />
+        </Center>
       </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 26122e38..6cce1f9b 100644
--- a/packages/react-app/src/routes/party/components/Distribute.jsx
+++ b/packages/react-app/src/routes/party/components/Distribute.jsx
@@ -1,10 +1,19 @@
-import { NumberInput, NumberInputField, Box, Button, Input, HStack, Spacer } from "@chakra-ui/react";
+import { NumberInput, NumberInputField, Box, Button, Input, HStack, Spacer, Text, Center } from "@chakra-ui/react";
 import React, { useEffect, useState } from "react";
 import { toWei } from "web3-utils";
 import { BigNumber, ethers } from "ethers";
 import $ from "jquery";
 
-export const Distribute = ({ dbInstance, partyData, address, userSigner, readContracts, writeContracts, tx, distribution }) => {
+export const Distribute = ({
+  dbInstance,
+  partyData,
+  address,
+  userSigner,
+  readContracts,
+  writeContracts,
+  tx,
+  distribution,
+}) => {
   const [tokenInstance, setTokenInstance] = useState(null);
   const [amounts, setAmounts] = useState(null);
   const [total, setTotal] = useState();
@@ -60,15 +69,14 @@ export const Distribute = ({ dbInstance, partyData, address, userSigner, readCon
   // Update the distrubtion amounts when input total changes
   const handleAmountChange = async e => {
     if (distribution && distribution.length > 0) {
-
       const validDistribution = distribution.filter(d => d.score !== 0);
-      
+
       const validAdrs = [];
-      const validScores = []; 
-  
+      const validScores = [];
+
       for (let i = 0; i < validDistribution.length; i++) {
-        validAdrs.push(validDistribution[i].address)
-        validScores.push(validDistribution[i].score)
+        validAdrs.push(validDistribution[i].address);
+        validScores.push(validDistribution[i].score);
       }
 
       const amt = Number(e);
@@ -79,13 +87,13 @@ export const Distribute = ({ dbInstance, partyData, address, userSigner, readCon
         let pay = (validScores[i] * amt).toFixed(18).toString();
         const x = BigNumber.from(toWei(pay));
         amts.push(x);
-        adrs.push(validAdrs[i])
+        adrs.push(validAdrs[i]);
         tot = tot.add(x);
       }
-      console.log(adrs, amts)
+      console.log(adrs, amts);
       setTotal(tot);
       setAmounts(amts);
-      setAddresses(adrs)
+      setAddresses(adrs);
     }
   };
 
@@ -107,7 +115,6 @@ export const Distribute = ({ dbInstance, partyData, address, userSigner, readCon
 
   // Distribute either Eth, or loaded erc20
   const distribute = () => {
-    
     try {
       if (partyData && partyData.ballots.length > 0) {
         setIsDistributionLoading(true);
@@ -146,15 +153,18 @@ export const Distribute = ({ dbInstance, partyData, address, userSigner, readCon
   };
 
   return (
-    <Box borderWidth={"1px"} padding={6}>
-      <HStack pl={"6%"} pr={"6%"}>
+    <Box borderWidth={"1px"} shadow="xl" rounded="md" p="10" w="4xl" minW='lg'>
+      <Center pb='10'>
+        <Text fontSize="lg">Distribute Funds</Text>
+      </Center>
+      <HStack>
         <Input onChange={handleTokenChange} placeholder="ex: 0xde30da39c46104798bb5aa3fe8b9e0e1f348163f"></Input>
         <Spacer />
         <Button onClick={loadToken} isLoading={isTokenLoading}>
           Load Token
         </Button>
       </HStack>
-      <HStack pl={"6%"} pr={"6%"} pt={4}>
+      <HStack  pt={4}>
         <Spacer />
         <NumberInput onChange={handleAmountChange}>
           <NumberInputField placeholder="1" />
diff --git a/packages/react-app/src/routes/party/components/View.jsx b/packages/react-app/src/routes/party/components/View.jsx
index 5f806c93..7b09054c 100644
--- a/packages/react-app/src/routes/party/components/View.jsx
+++ b/packages/react-app/src/routes/party/components/View.jsx
@@ -53,24 +53,23 @@ export const View = ({ partyData, mainnetProvider, votesData, distribution }) =>
       });
     return row;
   }, [partyData, castVotes]);
-  console.log(partyData)
 
   return (
-    <Box borderWidth={"1px"}>
+    <Box borderWidth={"1px"} shadow='xl' rounded='md' p='10' w='4xl'>
       <Center pt={4}>
         <Text fontSize="lg">Party</Text>
       </Center>
       <Center pt={4}>
-        <Text>{`${partyData?.name}`}</Text>
+        <Text fontSize='xl'>{`${partyData?.name}`}</Text>
       </Center>
       <Center pt={4} pl="5%" pr="5%">
         <Text fontSize="sm">{`${partyData?.description}`}</Text>
       </Center>
-        <Center>
-        <Text pt={4}fontSize="md">{`Voted: ${partyData?.ballots?.length}/${partyData?.participants?.length}`}</Text>
+        <Center p='4'>
+        <Text fontWeight='semibold' fontSize='lg'>{`Voted: ${partyData?.ballots?.length}/${partyData?.participants?.length}`}</Text>
       </Center>
 
-      <Table pr={2} pl={2}>
+      <Table borderWidth='1px'>
         <Thead>
           <Tr>
             <Th>Address</Th>
diff --git a/packages/react-app/src/routes/party/components/Vote.jsx b/packages/react-app/src/routes/party/components/Vote.jsx
index 69fe9889..fe7c2b83 100644
--- a/packages/react-app/src/routes/party/components/Vote.jsx
+++ b/packages/react-app/src/routes/party/components/Vote.jsx
@@ -127,21 +127,25 @@ export const Vote = ({ dbInstance, partyData, address, userSigner, targetNetwork
   }, [partyData, votesLeft]);
 
   return (
-    <Box borderWidth={"1px"}>
+    <Box borderWidth={"1px"} shadow="xl" rounded="md" p="10" w="4xl" minW="sm">
       <Center pt={4}>
         <Text fontSize="lg">Party</Text>
       </Center>
       <Center pt={4}>
-        <Text>{`${partyData.name}`}</Text>
+        <Text fontSize="xl">{`${partyData.name}`}</Text>
       </Center>
       <Center pt={4} pl="5%" pr="5%">
         <Text fontSize="sm">{`${partyData.description}`}</Text>
       </Center>
       <Center pt={4}>
-        <Text fontSize="xl">Cast Votes</Text>
+        <Text fontSize="lg">Cast Votes</Text>
       </Center>
-      <Center>{votesLeft}</Center>
-      <Table>
+      <Center pb="3">
+        <Text fontWeight="semibold" fontSize="lg">
+          {votesLeft}
+        </Text>
+      </Center>
+      <Table borderWidth="1px">
         <Thead>
           <Tr>
             <Th>Address</Th>