diff --git a/packages/client/src/components/MkAchievements.vue b/packages/client/src/components/MkAchievements.vue
index ead41dc96..ab8969afe 100644
--- a/packages/client/src/components/MkAchievements.vue
+++ b/packages/client/src/components/MkAchievements.vue
@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<div v-if="achievements" :class="'.root'">
-			<div v-for="achievement in achievements" :key="achievement" :class="'.achievement'" class="_panel">
+			<div v-for="achievement in achievements" :key="achievement" :class="'.achievement'" class="_panel" :style="'margin-bottom: 15px;'">
 				<div :class="'.icon'">
 					<div :class="['.iconFrame', ['iconFrame_' + ACHIEVEMENT_BADGES[achievement.name].frame]]">
 						<div :class="['.iconInner']" :style="{ background: ACHIEVEMENT_BADGES[achievement.name].bg }">
@@ -11,8 +11,8 @@
 				</div>
 				<div :class="'.body'">
 					<div :class="'.header'">
-						<span :class="'.titleAchievement'">{{ i18n.ts._achievements._types['_' + achievement.name].title }}</span>
-						<span :class="'.time'">
+						<span :class="'.title'" :style="'font-size: 125%; font-weight: bold;'">{{ i18n.ts._achievements._types['_' + achievement.name].title }}</span>
+						<span :class="'.time'" :style="'margin-left: 10px; font-size: 125%;'">
 							<time v-tooltip="new Date(achievement.unlockedAt).toLocaleString()">{{ new Date(achievement.unlockedAt).getFullYear() }}/{{ new Date(achievement.unlockedAt).getMonth() + 1 }}/{{ new Date(achievement.unlockedAt).getDate() }}</time>
 						</span>
 					</div>
@@ -26,9 +26,9 @@
 					</div>
 					<div :class="'.body'">
 						<div :class="'.header'">
-							<span :class="'.title'">???</span>
+							<span :class="'.title'" :style="'font-size: 100%; font-weight: bold;'">???</span>
 						</div>
-						<div :class="'.description'">???</div>
+						<div :class="'.description'" :style="'font-size: 125%;'">???</div>
 					</div>
 				</div>
 			</template>