diff --git a/packages/frontend/src/components/MkSignin.input.vue b/packages/frontend/src/components/MkSignin.input.vue
index 83113e0955..a9692b2114 100644
--- a/packages/frontend/src/components/MkSignin.input.vue
+++ b/packages/frontend/src/components/MkSignin.input.vue
@@ -44,10 +44,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 				data-cy-signin-username
 			>
 				<template #prefix>
-					<i v-if="isEmail" class="ti ti-email"></i>
-					<span v-else>@</span>
+					<i v-if="isEmail" class="ti ti-mail"></i>
+					<i v-else class="ti ti-at"></i>
 				</template>
-				<template #suffix>@{{ host }}</template>
+				<template v-if="!isEmail" #suffix>@{{ host }}</template>
 				<template #caption><button class="_textButton" type="button" @click="isEmail = !isEmail">{{ isEmail ? i18n.ts.useUsername : i18n.ts.useEmail }}</button></template>
 			</MkInput>
 			<MkButton type="submit" large primary rounded style="margin: 0 auto;" data-cy-signin-page-input-continue>{{ i18n.ts.continue }} <i class="ti ti-arrow-right"></i></MkButton>