diff --git a/assets/images/roles/Seer.png b/assets/images/roles/Seer.png
index 2ab6196..086e08b 100644
Binary files a/assets/images/roles/Seer.png and b/assets/images/roles/Seer.png differ
diff --git a/assets/images/roles/Shadow.png b/assets/images/roles/Shadow.png
new file mode 100644
index 0000000..9b3a042
Binary files /dev/null and b/assets/images/roles/Shadow.png differ
diff --git a/static/game.js b/static/game.js
index 29fcbf9..5639f53 100644
--- a/static/game.js
+++ b/static/game.js
@@ -1,7 +1,8 @@
 import {utility} from './util.js'
 
 const socket = io();
-const finishedArtArray = ["Villager", "Werewolf", "Seer", "Hunter"];
+
+const finishedArtArray = ["Villager", "Werewolf", "Seer", "Shadow", "Hunter"];
 let clock;
 let currentGame = null;
 let cardFlippedOver = false;
diff --git a/static/styles.css b/static/styles.css
index 7852ecc..c60436b 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -587,12 +587,12 @@ label {
 }
 
 #game-card img {
-    width: 160px;
+    width: 150px;
 }
 
 .placeholder {
-    width: 160px;
-    height: 160px;
+    width: 150px;
+    height: 150px;
 }
 
 .village h2 {
@@ -617,7 +617,7 @@ label {
 #game-card h2 {
     font-size: 1.7em;
     font-family: 'diavlo', sans-serif;
-    margin: 0.3em 0 0.6em 0;
+    margin: 0.3em 0 0.4em 0;
 }
 
 #game-card p {