diff --git a/packages/client/src/pages/admin/emojigen.vue b/packages/client/src/pages/admin/emojigen.vue
index 05917318f..dc353861c 100644
--- a/packages/client/src/pages/admin/emojigen.vue
+++ b/packages/client/src/pages/admin/emojigen.vue
@@ -47,7 +47,7 @@
 				</div>
 			</div>
 
-			<FormInput v-model="emojiColor" class="_formBlock" :style="{ color: emojiColor }">
+			<FormInput v-model="emojiColor" class="_formBlock" :style="{ color: '#' + emojiColor }">
 				<template #prefix><i class="fas fa-palette"></i></template>
 				<template #label>{{ $ts.emojiColor }}</template>
 				<template #caption>#RRGGBB</template>
@@ -59,7 +59,7 @@
 		<FormSection>
 			<template #label>{{ $ts.preview }}</template>
 			<img :src="emojiUrl" class="img" :alt="emojiName"/>
-			<a :href="emojiUrl"><p>{{ emojiUrl }}</p></a>
+			<MkLink :url="emojiUrl">{{ emojiUrl }}</MkLink>
 		</FormSection>
 		<FormButton primary class="_formBlock" @click="emojiApproval">{{ $ts.emojiApproval }}</FormButton>
 	</div>
@@ -74,6 +74,7 @@ import FormTextarea from '@/components/form/textarea.vue';
 import FormRadios from '@/components/form/radios.vue';
 import FormSection from '@/components/form/section.vue';
 import FormButton from '@/components/ui/button.vue';
+import MkLink from '@/components/link.vue';
 import * as os from '@/os';
 import * as symbols from '@/symbols';
 import {defaultStore} from "@/store";
@@ -88,6 +89,7 @@ export default defineComponent({
 		FormSection,
 		FormSwitch,
 		FormButton,
+		MkLink,
 	},
 
 	emits: ['info'],