diff --git a/index.html b/index.html
index 8ac83f8..cdee795 100644
--- a/index.html
+++ b/index.html
@@ -34,6 +34,7 @@
 		<link rel="prefetch" href="Kitchen BG.png" />
 		<link rel="prefetch" href="game window.png" />
 		<link rel="prefetch" href="cat.png" />
+		<link rel="prefetch" href="Shadow.png" />
 
 		<title>Profectus</title>
 		<meta name="description" content="A project made in Profectus"/>
diff --git a/public/Shadow.png b/public/Shadow.png
new file mode 100644
index 0000000..d28281c
Binary files /dev/null and b/public/Shadow.png differ
diff --git a/src/data/CharacterSlot.vue b/src/data/CharacterSlot.vue
index b9d6991..fa883be 100644
--- a/src/data/CharacterSlot.vue
+++ b/src/data/CharacterSlot.vue
@@ -172,14 +172,14 @@ watchEffect(() => {
 
 .character::after {
     content: "";
-    background: grey;
+    background: url(./Shadow.png);
     position: absolute;
-    top: 67.5%;
+    top: 15%;
     left: 0;
     right: 0;
-    bottom: -12.5%;
-    border-radius: 50%;
+    bottom: -15%;
     z-index: -1;
+    background-size: contain;
 }
 
 .character.selected:not(.dragging)::before {