diff --git a/apps/frontend/src/pages/settings/profile.vue b/apps/frontend/src/pages/settings/profile.vue
index b936f655ae..65941a9d0f 100644
--- a/apps/frontend/src/pages/settings/profile.vue
+++ b/apps/frontend/src/pages/settings/profile.vue
@@ -62,6 +62,14 @@
 				</span>
 			</label>
 			<StyledInput id="username-field" v-model="current.username" />
+			<div
+				v-if="current.username.length >= 30"
+				id="bio-character-limit"
+				class="inline-block pl-2"
+				:class="{ 'text-red': current.username.length > 39 }"
+			>
+				{{ current.username.length }}/{{ 39 }}
+			</div>
 			<label for="bio-field">
 				<span class="label__title">{{ formatMessage(messages.bioTitle) }}</span>
 				<span class="label__description">
@@ -69,6 +77,9 @@
 				</span>
 			</label>
 			<StyledInput id="bio-field" v-model="current.bio" multiline />
+			<div id="bio-character-limit" class="pt-2" :class="{ 'text-red': current.bio.length > 160 }">
+				{{ current.bio.length }}/{{ 160 }}
+			</div>
 			<div class="input-group mt-4">
 				<ButtonStyled>
 					<NuxtLink :to="`/user/${auth.user.username}`">