From 37a3f2b2e4e5e34ea077c6ce666c558fb4f4abdb Mon Sep 17 00:00:00 2001
From: Temmie <git@beaver.mom>
Date: Mon, 4 Aug 2025 21:18:52 +0200
Subject: [PATCH] fix: fix centring of profile modal auto generated pfps

---
 components/DefaultIcon.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/DefaultIcon.vue b/components/DefaultIcon.vue
index 17e6c79..6fc6891 100644
--- a/components/DefaultIcon.vue
+++ b/components/DefaultIcon.vue
@@ -1,9 +1,11 @@
 <template>
   <div :style="`background-color: ${generateIrcColor(seed, 50)}`"
 	class="default-icon">
-		<span class="default-icon-text">
-			{{ previewName }}
-		</span>
+		<div class="default-icon-text-container">
+			<span class="default-icon-text">
+				{{ previewName }}
+			</span>
+		</div>
   </div>
 </template>
 
@@ -31,12 +33,17 @@ if (props.name.length > 3) {
 </script>
 
 <style scoped>
-.default-icon {
+.default-icon, .default-icon-text-container {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }
 
+.default-icon-text-container {
+	height: 100%;
+	width: 100%;
+}
+
 .default-icon-text {
 	/* helps centre the icon, yes, this is NOT perfect */
 	margin-top: -0.15em;
-- 
2.47.3