diff --git a/src/lib/components/atoms/ContributorButton.svelte b/src/lib/components/atoms/ContributorButton.svelte
index 0a5ef6c..647191b 100644
--- a/src/lib/components/atoms/ContributorButton.svelte
+++ b/src/lib/components/atoms/ContributorButton.svelte
@@ -1,16 +1,16 @@
 <script>
-	export let href = "https://github.com/ushie"
-	export let src = "https://github.com/ushie.png"
-	export let alt = "Contributors Image"
+	export const username = "Ushie"
+	export const href = `https://github.com/${username}`
+	export const src = `https://github.com/${username}.png`
+	export const alt = `${username}'s contributor profile picture`
 </script>
 
-<div>
-	<a {href}>
-		<button>
-			<img {src} {alt}><slot/>
-		</button>
-	</a>
-</div>
+<a {href}>
+	<button>
+		<img {src} {alt}><slot/>
+	</button>
+	<h3>{username}</h3>
+</a>
 
 <style>
 	a {
@@ -22,7 +22,7 @@
 		color: var(--white);
 		border-radius: 200px;
         border: 0;
-		padding: 5px 5px;
+		/* padding: 5px 5px; */
         width:86px;
         height:86px;
         max-height: 86px;
@@ -41,6 +41,8 @@
 	}
 
 	img {
+		/* margin: 0;
+		padding: 0; */
 		border-radius: 50%;
         max-height: 86px;
         max-width: 86px;