diff --git a/components/Avatar.vue b/components/Avatar.vue
index eafd81b..2ad2728 100644
--- a/components/Avatar.vue
+++ b/components/Avatar.vue
@@ -4,6 +4,7 @@
 		:src="displayAvatar"
 		:alt="displayName" />
 	<DefaultIcon v-else-if="user"
+		class="display-avatar"
 		:name="displayName"
 		:seed="user.uuid"
 		:alt="displayName" />
diff --git a/components/DefaultIcon.vue b/components/DefaultIcon.vue
index 31eaa6e..17e6c79 100644
--- a/components/DefaultIcon.vue
+++ b/components/DefaultIcon.vue
@@ -38,6 +38,9 @@ if (props.name.length > 3) {
 }
 
 .default-icon-text {
+	/* helps centre the icon, yes, this is NOT perfect */
+	margin-top: -0.15em;
+
 	font-weight: bold;
 
 	color: var(--secondary-text-color)
diff --git a/components/Guild/MemberEntry.vue b/components/Guild/MemberEntry.vue
index 12e36a0..36b9a85 100644
--- a/components/Guild/MemberEntry.vue
+++ b/components/Guild/MemberEntry.vue
@@ -30,4 +30,11 @@ const hidePopup = () => {
 .member-item {
     position: relative; /* Set the position to relative for absolute positioning of the popup */
 }
+
+.member-avatar {
+    min-height: 2em;
+	max-height: 2em;
+	min-width: 2em;
+	max-width: 2em;
+}
 </style>
diff --git a/components/Message.vue b/components/Message.vue
index ed32c50..542b34d 100644
--- a/components/Message.vue
+++ b/components/Message.vue
@@ -220,7 +220,10 @@ function getDayDifference(date1: Date, date2: Date) {
 }
 
 .message-author-avatar {
-	width: 100%;
+	min-height: 2em;
+	max-height: 2em;
+	min-width: 2em;
+	max-width: 2em;
 }
 
 .left-column {