diff --git a/materialious/src/lib/components/Author.svelte b/materialious/src/lib/components/Author.svelte
index c00bba82..52271317 100644
--- a/materialious/src/lib/components/Author.svelte
+++ b/materialious/src/lib/components/Author.svelte
@@ -60,7 +60,7 @@
 		<nav style="gap: 0.5em;">
 			<img class="circle large" {...avatar.image} alt="Channel profile" />
 			<button
-				class="large secondary-container"
+				class="circle large secondary-container"
 				{...mergeAttrs(avatar.fallback, {
 					style: 'text-transform: uppercase;border-radius: 2.5rem !important;'
 				})}>{channel.author[0]}</button
diff --git a/materialious/src/lib/components/AuthorAvatar.svelte b/materialious/src/lib/components/AuthorAvatar.svelte
index 92f3aa42..70e59b89 100644
--- a/materialious/src/lib/components/AuthorAvatar.svelte
+++ b/materialious/src/lib/components/AuthorAvatar.svelte
@@ -21,7 +21,7 @@
 
 <img class="circle small" {...avatar.image} alt="Channel profile" />
 <button
-	class="secondary-container"
+	class="circle secondary-container"
 	{...mergeAttrs(avatar.fallback, {
 		style: 'text-transform: uppercase;border-radius: 2.5rem !important;'
 	})}>{author[0]}</button