diff --git a/package.json b/package.json
index 4899cc621..778d16605 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.8-b.4",
+	"version": "12.119.0-calc.8-b.5",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/MkChatPreview.vue b/packages/client/src/components/MkChatPreview.vue
index dec613a73..4d604e2e8 100644
--- a/packages/client/src/components/MkChatPreview.vue
+++ b/packages/client/src/components/MkChatPreview.vue
@@ -76,7 +76,6 @@ function isMe(message): boolean {
 		}
 
 		&:hover {
-			text-decoration: none !important;
 			.avatar {
 				filter: saturate(200%);
 			}
@@ -140,10 +139,6 @@ function isMe(message): boolean {
 
 		> .body {
 
-			&:hover {
-				text-decoration: none !important;
-			}
-
 			> .text {
 				display: block;
 				margin: 0 0 0 0;
@@ -154,10 +149,6 @@ function isMe(message): boolean {
 				font-size: 1.1em;
 				color: var(--faceText);
 
-				&:hover {
-					text-decoration: none !important;
-				}
-
 				.me {
 					opacity: 0.7;
 				}
diff --git a/packages/client/src/components/MkEmojiPicker.vue b/packages/client/src/components/MkEmojiPicker.vue
index 541c3c363..0c1764e82 100644
--- a/packages/client/src/components/MkEmojiPicker.vue
+++ b/packages/client/src/components/MkEmojiPicker.vue
@@ -70,7 +70,7 @@
 	</div>
 	<div class="tabs">
 		<button class="_button tab" :class="{ active: tab === 'index' }" @click="tab = 'index'"><i class="ph-asterisk-bold ph-lg ph-fw ph-lg"></i></button>
-		<button class="_button tab" :class="{ active: tab === 'custom' }" @click="tab = 'custom'"><i class="ph-smiley-wink-bold ph-lg ph-fw ph-lg"></i></button>
+		<button class="_button tab" :class="{ active: tab === 'custom' }" @click="tab = 'custom'"><i class="ph-smiley-bold ph-lg ph-fw ph-lg"></i></button>
 		<button class="_button tab" :class="{ active: tab === 'unicode' }" @click="tab = 'unicode'"><i class="ph-leaf-bold ph-lg ph-fw ph-lg"></i></button>
 		<button class="_button tab" :class="{ active: tab === 'tags' }" @click="tab = 'tags'"><i class="ph-hash-bold ph-lg ph-fw ph-lg"></i></button>
 	</div>
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index d4027be9d..4e8a80a79 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -79,7 +79,7 @@
 				<XRenoteButton ref="renoteButton" class="button" :note="appearNote" :count="appearNote.renoteCount"/>
 				<XStarButton v-if="appearNote.myReaction == null" ref="starButton" class="button" :note="appearNote"/>
 				<button v-if="appearNote.myReaction == null" ref="reactButton" class="button _button" @click="react()">
-					<i class="ph-smiley-wink-bold ph-lg"></i>
+					<i class="ph-smiley-bold ph-lg"></i>
 				</button>
 				<button v-if="appearNote.myReaction != null" ref="reactButton" class="button _button reacted" @click="undoReact(appearNote)">
 					<i class="ph-minus-bold ph-lg"></i>
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index eb45ffdd7..003c41526 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -89,7 +89,7 @@
 				<XRenoteButton ref="renoteButton" class="button" :note="appearNote" :count="appearNote.renoteCount"/>
 				<XStarButton v-if="appearNote.myReaction == null" ref="starButton" class="button" :note="appearNote"/>
 				<button v-if="appearNote.myReaction == null" ref="reactButton" class="button _button" @click="react()">
-					<i class="ph-smiley-wink-bold ph-lg"></i>
+					<i class="ph-smiley-bold ph-lg"></i>
 				</button>
 				<button v-if="appearNote.myReaction != null" ref="reactButton" class="button _button reacted" @click="undoReact(appearNote)">
 					<i class="ph-minus-bold ph-lg"></i>
diff --git a/packages/client/src/components/MkPostForm.vue b/packages/client/src/components/MkPostForm.vue
index fe6fba270..c45d34f64 100644
--- a/packages/client/src/components/MkPostForm.vue
+++ b/packages/client/src/components/MkPostForm.vue
@@ -52,7 +52,7 @@
 			<button v-tooltip="i18n.ts.useCw" class="_button" :class="{ active: useCw }" @click="useCw = !useCw"><i class="ph-eye-slash-bold ph-lg"></i></button>
 			<button v-tooltip="i18n.ts.mention" class="_button" @click="insertMention"><i class="ph-at-bold ph-lg"></i></button>
 			<button v-tooltip="i18n.ts.hashtags" class="_button" :class="{ active: withHashtags }" @click="withHashtags = !withHashtags"><i class="ph-hash-bold ph-lg"></i></button>
-			<button v-tooltip="i18n.ts.emoji" class="_button" @click="insertEmoji"><i class="ph-smiley-wink-bold ph-lg"></i></button>
+			<button v-tooltip="i18n.ts.emoji" class="_button" @click="insertEmoji"><i class="ph-smiley-bold ph-lg"></i></button>
 			<button v-if="postFormActions.length > 0" v-tooltip="i18n.ts.plugin" class="_button" @click="showActions"><i class="ph-plug-bold ph-lg"></i></button>
 		</footer>
 		<datalist id="hashtags">
diff --git a/packages/client/src/components/global/MkPageHeader.vue b/packages/client/src/components/global/MkPageHeader.vue
index 5fd2f0e7f..068e14f93 100644
--- a/packages/client/src/components/global/MkPageHeader.vue
+++ b/packages/client/src/components/global/MkPageHeader.vue
@@ -297,7 +297,6 @@ onUnmounted(() => {
 			margin-right: 8px;
 			width: 16px;
 			text-align: center;
-			transform: translateY(0.1em);
 		}
 
 		> .title {
diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index fb268f044..017603757 100644
--- a/packages/client/src/pages/about.vue
+++ b/packages/client/src/pages/about.vue
@@ -140,7 +140,7 @@ let theTabs = [{
 }, {
 	key: 'emojis',
 	title: i18n.ts.customEmojis,
-	icon: 'ph-smiley-wink-bold ph-lg',
+	icon: 'ph-smiley-bold ph-lg',
 }, {
 	key: 'charts',
 	title: i18n.ts.charts,
diff --git a/packages/client/src/pages/admin/emojis.vue b/packages/client/src/pages/admin/emojis.vue
index 48c7933cf..fa50c3e3b 100644
--- a/packages/client/src/pages/admin/emojis.vue
+++ b/packages/client/src/pages/admin/emojis.vue
@@ -290,7 +290,7 @@ const headerTabs = $computed(() => [{
 
 definePageMetadata(computed(() => ({
 	title: i18n.ts.customEmojis,
-	icon: 'ph-smiley-wink-bold ph-lg',
+	icon: 'ph-smiley-bold ph-lg',
 })));
 </script>
 
@@ -300,7 +300,7 @@ definePageMetadata(computed(() => ({
 		.empty {
 			margin: var(--margin);
 		}
-		
+
 		.ldhfsamy {
 			display: grid;
 			grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
diff --git a/packages/client/src/pages/admin/index.vue b/packages/client/src/pages/admin/index.vue
index 6bc6ac4da..d370019cd 100644
--- a/packages/client/src/pages/admin/index.vue
+++ b/packages/client/src/pages/admin/index.vue
@@ -111,7 +111,7 @@ const menuDef = $computed(() => [{
 		to: '/admin/users',
 		active: currentPage?.route.name === 'users',
 	}, {
-		icon: 'ph-smiley-wink-bold ph-lg',
+		icon: 'ph-smiley-bold ph-lg',
 		text: i18n.ts.customEmojis,
 		to: '/admin/emojis',
 		active: currentPage?.route.name === 'emojis',
diff --git a/packages/client/src/pages/messaging/messaging-room.form.vue b/packages/client/src/pages/messaging/messaging-room.form.vue
index 1969a552b..17a5f7213 100644
--- a/packages/client/src/pages/messaging/messaging-room.form.vue
+++ b/packages/client/src/pages/messaging/messaging-room.form.vue
@@ -16,7 +16,7 @@
 		<div v-if="file" class="file" @click="file = null">{{ file.name }}</div>
 		<div class="buttons">
 			<button class="_button" @click="chooseFile"><i class="ph-upload-bold ph-lg"></i></button>
-			<button class="_button" @click="insertEmoji"><i class="ph-smiley-wink-bold ph-lg"></i></button>
+			<button class="_button" @click="insertEmoji"><i class="ph-smiley-bold ph-lg"></i></button>
 			<button class="send _button" :disabled="!canSend || sending" :title="i18n.ts.send" @click="send">
 				<template v-if="!sending"><i class="ph-paper-plane-tilt-bold ph-lg"></i></template><template v-if="sending"><i class="ph-circle-notch-bold ph-lg fa-pulse ph-fw ph-lg"></i></template>
 			</button>
diff --git a/packages/client/src/pages/settings/index.vue b/packages/client/src/pages/settings/index.vue
index a4180ebd1..9a03c8f28 100644
--- a/packages/client/src/pages/settings/index.vue
+++ b/packages/client/src/pages/settings/index.vue
@@ -68,7 +68,7 @@ const menuDef = computed(() => [{
 		to: '/settings/privacy',
 		active: currentPage?.route.name === 'privacy',
 	}, {
-		icon: 'ph-smiley-wink-bold ph-lg',
+		icon: 'ph-smiley-bold ph-lg',
 		text: i18n.ts.reaction,
 		to: '/settings/reaction',
 		active: currentPage?.route.name === 'reaction',
diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue
index 8196f47ae..31b400503 100644
--- a/packages/client/src/pages/settings/reaction.vue
+++ b/packages/client/src/pages/settings/reaction.vue
@@ -126,7 +126,7 @@ const headerTabs = $computed(() => []);
 
 definePageMetadata({
 	title: i18n.ts.reaction,
-	icon: 'ph-smiley-wink-bold ph-lg',
+	icon: 'ph-smiley-bold ph-lg',
 	action: {
 		icon: 'ph-eye-bold ph-lg',
 		handler: preview,
diff --git a/packages/client/src/pages/user/index.vue b/packages/client/src/pages/user/index.vue
index 585a89021..37b833fd8 100644
--- a/packages/client/src/pages/user/index.vue
+++ b/packages/client/src/pages/user/index.vue
@@ -103,7 +103,7 @@ const headerTabs = $computed(() => user ? [{
 }, ...($i && ($i.id === user.id)) || user.publicReactions ? [{
 	key: 'reactions',
 	title: i18n.ts.reaction,
-	icon: 'ph-smiley-wink-bold ph-lg',
+	icon: 'ph-smiley-bold ph-lg',
 }] : [], {
 	key: 'clips',
 	title: i18n.ts.clips,
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index e0edfc902..37867d2c3 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -97,9 +97,27 @@ a {
 	tap-highlight-color: transparent;
 	-webkit-tap-highlight-color: transparent;
 
-	&:hover {
-		text-decoration: underline;
+	&::after {
+			content: '';
+			position: absolute;
+			width: 100%;
+			transform: scaleX(0);
+			height: 2px;
+			bottom: 0;
+			left: 0;
+			background-color: var(--link);
+			transform-origin: bottom right;
+			transition: transform 0.25s ease-out;
 	}
+
+	&:hover::after {
+		transform: scaleX(1);
+		transform-origin: bottom left;
+	}
+}
+
+i {
+	transform: translateY(0.1em);
 }
 
 textarea, input {
diff --git a/packages/client/src/ui/_common_/navbar-for-mobile.vue b/packages/client/src/ui/_common_/navbar-for-mobile.vue
index 7a2bce746..25a26c2ef 100644
--- a/packages/client/src/ui/_common_/navbar-for-mobile.vue
+++ b/packages/client/src/ui/_common_/navbar-for-mobile.vue
@@ -80,7 +80,7 @@ function openInstanceMenu(ev: MouseEvent) {
 	}, {
 		type: 'link',
 		text: i18n.ts.customEmojis,
-		icon: 'ph-smiley-wink-bold ph-lg',
+		icon: 'ph-smiley-bold ph-lg',
 		to: '/about#emojis',
 	}, {
 		type: 'link',
diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue
index db6072a05..4a187c71a 100644
--- a/packages/client/src/ui/_common_/navbar.vue
+++ b/packages/client/src/ui/_common_/navbar.vue
@@ -133,7 +133,7 @@ function openInstanceMenu(ev: MouseEvent) {
 	}, {
 		type: 'link',
 		text: i18n.ts.customEmojis,
-		icon: 'ph-smiley-wink-bold ph-lg',
+		icon: 'ph-smiley-bold ph-lg',
 		to: '/about#emojis',
 	}, {
 		type: 'link',
@@ -244,7 +244,6 @@ function more(ev: MouseEvent) {
 						display: inline-block;
 						width: 55px;
 						aspect-ratio: 1;
-						transform: translateY(0.2em);
 					}
 				}
 			}
diff --git a/packages/client/src/ui/classic.sidebar.vue b/packages/client/src/ui/classic.sidebar.vue
index 562ab5a23..92f1ab942 100644
--- a/packages/client/src/ui/classic.sidebar.vue
+++ b/packages/client/src/ui/classic.sidebar.vue
@@ -146,7 +146,7 @@ function openInstanceMenu(ev: MouseEvent) {
 	}, {
 		type: 'link',
 		text: i18n.ts.customEmojis,
-		icon: 'ph-smiley-wink-bold ph-lg',
+		icon: 'ph-smiley-bold ph-lg',
 		to: '/about#emojis',
 	}, {
 		type: 'link',