diff --git a/src/components/Tokens.js b/src/components/Tokens.js
index 6a4e7a0..39c525e 100644
--- a/src/components/Tokens.js
+++ b/src/components/Tokens.js
@@ -1,8 +1,32 @@
 import React from "react";
-import { Box } from "theme-ui";
+import { Flex, Image } from "theme-ui";
+
+import * as tokens from "../tokens";
+
+// import Token from "./Token";
 
 function Tokens() {
-  return <Box bg="background" sx={{ width: "128px", minWidth: "128px" }} />;
+  return (
+    <Flex
+      bg="background"
+      sx={{
+        width: "80px",
+        minWidth: "80px",
+        flexDirection: "column",
+        overflow: "auto"
+      }}
+      px={2}
+    >
+      {Object.entries(tokens).map(([id, image]) => (
+        <Image
+          p={2}
+          key={id}
+          src={image}
+          sx={{ width: "64px", height: "64px" }}
+        />
+      ))}
+    </Flex>
+  );
 }
 
 export default Tokens;
diff --git a/src/routes/Game.js b/src/routes/Game.js
index c613a11..1cd82fa 100644
--- a/src/routes/Game.js
+++ b/src/routes/Game.js
@@ -85,7 +85,9 @@ function Game() {
       >
         <AddMapButton handleMapChange={handleMapChange} />
       </Box>
-      <Flex sx={{ justifyContent: "space-between", flexGrow: 1 }}>
+      <Flex
+        sx={{ justifyContent: "space-between", flexGrow: 1, height: "100%" }}
+      >
         <Party streams={streams} localStreamId={peerId} />
         <Map imageSource={imageSource} />
         <Tokens />
diff --git a/src/tokens/Axes.png b/src/tokens/Axes.png
new file mode 100644
index 0000000..7bd7f64
Binary files /dev/null and b/src/tokens/Axes.png differ
diff --git a/src/tokens/Bird.png b/src/tokens/Bird.png
new file mode 100644
index 0000000..9473c7b
Binary files /dev/null and b/src/tokens/Bird.png differ
diff --git a/src/tokens/Book.png b/src/tokens/Book.png
new file mode 100644
index 0000000..944a2c5
Binary files /dev/null and b/src/tokens/Book.png differ
diff --git a/src/tokens/Crown.png b/src/tokens/Crown.png
new file mode 100644
index 0000000..9158249
Binary files /dev/null and b/src/tokens/Crown.png differ
diff --git a/src/tokens/Dragon.png b/src/tokens/Dragon.png
new file mode 100644
index 0000000..2ec5e83
Binary files /dev/null and b/src/tokens/Dragon.png differ
diff --git a/src/tokens/Eye.png b/src/tokens/Eye.png
new file mode 100644
index 0000000..45219b0
Binary files /dev/null and b/src/tokens/Eye.png differ
diff --git a/src/tokens/Fist.png b/src/tokens/Fist.png
new file mode 100644
index 0000000..0a2abc9
Binary files /dev/null and b/src/tokens/Fist.png differ
diff --git a/src/tokens/Horse.png b/src/tokens/Horse.png
new file mode 100644
index 0000000..b43e98f
Binary files /dev/null and b/src/tokens/Horse.png differ
diff --git a/src/tokens/Leaf.png b/src/tokens/Leaf.png
new file mode 100644
index 0000000..63b4ae0
Binary files /dev/null and b/src/tokens/Leaf.png differ
diff --git a/src/tokens/Lion.png b/src/tokens/Lion.png
new file mode 100644
index 0000000..de3f2c1
Binary files /dev/null and b/src/tokens/Lion.png differ
diff --git a/src/tokens/Money.png b/src/tokens/Money.png
new file mode 100644
index 0000000..c7fc359
Binary files /dev/null and b/src/tokens/Money.png differ
diff --git a/src/tokens/Moon.png b/src/tokens/Moon.png
new file mode 100644
index 0000000..91ee3a8
Binary files /dev/null and b/src/tokens/Moon.png differ
diff --git a/src/tokens/Potion.png b/src/tokens/Potion.png
new file mode 100644
index 0000000..056dd28
Binary files /dev/null and b/src/tokens/Potion.png differ
diff --git a/src/tokens/Shield.png b/src/tokens/Shield.png
new file mode 100644
index 0000000..e4eba5a
Binary files /dev/null and b/src/tokens/Shield.png differ
diff --git a/src/tokens/Skull.png b/src/tokens/Skull.png
new file mode 100644
index 0000000..3939468
Binary files /dev/null and b/src/tokens/Skull.png differ
diff --git a/src/tokens/Snake.png b/src/tokens/Snake.png
new file mode 100644
index 0000000..4a12bc8
Binary files /dev/null and b/src/tokens/Snake.png differ
diff --git a/src/tokens/Sun.png b/src/tokens/Sun.png
new file mode 100644
index 0000000..093c458
Binary files /dev/null and b/src/tokens/Sun.png differ
diff --git a/src/tokens/Swords.png b/src/tokens/Swords.png
new file mode 100644
index 0000000..0483427
Binary files /dev/null and b/src/tokens/Swords.png differ
diff --git a/src/tokens/Tree.png b/src/tokens/Tree.png
new file mode 100644
index 0000000..20373a1
Binary files /dev/null and b/src/tokens/Tree.png differ
diff --git a/src/tokens/Triangle.png b/src/tokens/Triangle.png
new file mode 100644
index 0000000..753f889
Binary files /dev/null and b/src/tokens/Triangle.png differ
diff --git a/src/tokens/index.js b/src/tokens/index.js
new file mode 100644
index 0000000..a6fa5ea
--- /dev/null
+++ b/src/tokens/index.js
@@ -0,0 +1,43 @@
+import axes from "./Axes.png";
+import bird from "./Bird.png";
+import book from "./Book.png";
+import crown from "./Crown.png";
+import dragon from "./Dragon.png";
+import eye from "./Eye.png";
+import fist from "./Fist.png";
+import horse from "./Horse.png";
+import leaf from "./Leaf.png";
+import lion from "./Lion.png";
+import money from "./Money.png";
+import moon from "./Moon.png";
+import potion from "./Potion.png";
+import shield from "./Shield.png";
+import skull from "./Skull.png";
+import snake from "./Snake.png";
+import sun from "./Sun.png";
+import swords from "./Swords.png";
+import tree from "./Tree.png";
+import triangle from "./Triangle.png";
+
+export {
+  axes,
+  bird,
+  book,
+  crown,
+  dragon,
+  eye,
+  fist,
+  horse,
+  leaf,
+  lion,
+  money,
+  moon,
+  potion,
+  shield,
+  skull,
+  snake,
+  sun,
+  swords,
+  tree,
+  triangle
+};