diff --git a/README.md b/README.md
index 01dfa4b5..b11317a0 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-## (2020-09-29)
+## (2020-09-30)
 
 - chore: add code of conduct ([6859555](https://github.com/Proof-Of-Humanity/proof-of-humanity-web/commit/6859555))
 - chore: add issue templates ([6adcbee](https://github.com/Proof-Of-Humanity/proof-of-humanity-web/commit/6adcbee))
@@ -52,6 +52,7 @@
 - chore: set up CI ([72e9f6e](https://github.com/Proof-Of-Humanity/proof-of-humanity-web/commit/72e9f6e))
 - chore: set up project ([534bf60](https://github.com/Proof-Of-Humanity/proof-of-humanity-web/commit/534bf60))
 - chore: show challenged status in profile header ([55aa602](https://github.com/Proof-Of-Humanity/proof-of-humanity-web/commit/55aa602))
+- chore: take into account renewal grace periods ([c45ec84](https://github.com/Proof-Of-Humanity/proof-of-humanity-web/commit/c45ec84))
 - chore: track governance changes in subgraph ([8ccb7e9](https://github.com/Proof-Of-Humanity/proof-of-humanity-web/commit/8ccb7e9))
 - chore: update changelog ([a45d269](https://github.com/Proof-Of-Humanity/proof-of-humanity-web/commit/a45d269))
 - chore: update eslint-plugin-regex ([2838bc3](https://github.com/Proof-Of-Humanity/proof-of-humanity-web/commit/2838bc3))
diff --git a/components/appeal.js b/components/appeal.js
index 0a88695e..1db23157 100644
--- a/components/appeal.js
+++ b/components/appeal.js
@@ -1,8 +1,10 @@
 import { useMemo } from "react";
+import { Box } from "theme-ui";
 
 import Card from "./card";
 import FundButton from "./fund-button";
 import Grid from "./grid";
+import Identicon from "./identicon";
 import { NextETHLink } from "./next-router";
 import Progress from "./progress";
 import Tabs, { Tab, TabList, TabPanel } from "./tabs";
@@ -23,11 +25,19 @@ function AppealTabPanelCard({
 }) {
   const { web3 } = useWeb3();
   const card = (
-    <Card mainSx={{ alignItems: "flex-start", flexDirection: "column" }}>
-      <NextETHLink address={address}>{address}</NextETHLink>
-      <Text sx={{ marginBottom: 3 }}>
-        {label && `Previous round ${label}.`}
-      </Text>
+    <Card
+      header={
+        <>
+          <Identicon address={address} />
+          <Box sx={{ marginLeft: 2 }}>
+            <NextETHLink address={address}>{address}</NextETHLink>
+            <Text>{label && `Previous round ${label}.`}</Text>
+          </Box>
+        </>
+      }
+      headerSx={{ justifyContent: "flex-start" }}
+      mainSx={{ alignItems: "flex-start", flexDirection: "column" }}
+    >
       <Text
         sx={{
           fontWeight: "bold",
diff --git a/components/identicon.js b/components/identicon.js
new file mode 100644
index 00000000..cb0d40f8
--- /dev/null
+++ b/components/identicon.js
@@ -0,0 +1,18 @@
+import ReactJazzicon, { jsNumberForAddress } from "react-jazzicon";
+import { Box } from "theme-ui";
+
+export default function Identicon({ diameter = 32, address, ...rest }) {
+  return (
+    <Box
+      as={(props) => (
+        <ReactJazzicon
+          diameter={diameter}
+          seed={jsNumberForAddress(address)}
+          {...rest}
+          {...props}
+        />
+      )}
+      {...rest}
+    />
+  );
+}
diff --git a/package-lock.json b/package-lock.json
index 5fc0f607..d820b13b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14274,6 +14274,11 @@
         }
       }
     },
+    "mersenne-twister": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/mersenne-twister/-/mersenne-twister-1.1.0.tgz",
+      "integrity": "sha1-+RZhjuQ9cXnvz2Qb7EUx65Zwl4o="
+    },
     "methods": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
@@ -17071,6 +17076,41 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "react-jazzicon": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/react-jazzicon/-/react-jazzicon-0.1.3.tgz",
+      "integrity": "sha512-9iJPMoPlNYg/GbAnHwdco1SUF4dM1HyOOJ9ouI27TKXXmRUeDq/ZaS4RFlHnOtcA6Yw/Uz1rUOu1bowThTCRCg==",
+      "requires": {
+        "color": "^0.11.0",
+        "mersenne-twister": "^1.1.0",
+        "prop-types": "^15.5.10"
+      },
+      "dependencies": {
+        "clone": {
+          "version": "1.0.4",
+          "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+          "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4="
+        },
+        "color": {
+          "version": "0.11.4",
+          "resolved": "https://registry.npmjs.org/color/-/color-0.11.4.tgz",
+          "integrity": "sha1-bXtcdPtl6EHNSHkq0e1eB7kE12Q=",
+          "requires": {
+            "clone": "^1.0.2",
+            "color-convert": "^1.3.0",
+            "color-string": "^0.3.0"
+          }
+        },
+        "color-string": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npmjs.org/color-string/-/color-string-0.3.0.tgz",
+          "integrity": "sha1-J9RvtnAlxcL6JZk7+/V55HhBuZE=",
+          "requires": {
+            "color-name": "^1.0.0"
+          }
+        }
+      }
+    },
     "react-loading-skeleton": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/react-loading-skeleton/-/react-loading-skeleton-2.1.1.tgz",
diff --git a/package.json b/package.json
index d81fb771..e55a6ce7 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
     "react-accessible-accordion": "^3.3.3",
     "react-dom": "^16.13.1",
     "react-dropzone": "^11.0.3",
+    "react-jazzicon": "^0.1.3",
     "react-loading-skeleton": "^2.1.1",
     "react-player": "^2.6.1",
     "react-relay-network-modern": "^4.7.4",