diff --git a/src/assets/images/reactions/right-side/admiration.webp b/src/assets/images/reactions/right-side/admiration.webp
deleted file mode 100644
index 2e8c325e0..000000000
Binary files a/src/assets/images/reactions/right-side/admiration.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/aloof.webp b/src/assets/images/reactions/right-side/aloof.webp
deleted file mode 100644
index 7092a6009..000000000
Binary files a/src/assets/images/reactions/right-side/aloof.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/awe.webp b/src/assets/images/reactions/right-side/awe.webp
deleted file mode 100644
index d118ce9d1..000000000
Binary files a/src/assets/images/reactions/right-side/awe.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/bored.webp b/src/assets/images/reactions/right-side/bored.webp
deleted file mode 100644
index dfadee72d..000000000
Binary files a/src/assets/images/reactions/right-side/bored.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/brave.webp b/src/assets/images/reactions/right-side/brave.webp
deleted file mode 100644
index 7e72df7ec..000000000
Binary files a/src/assets/images/reactions/right-side/brave.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/calm.webp b/src/assets/images/reactions/right-side/calm.webp
deleted file mode 100644
index 451836647..000000000
Binary files a/src/assets/images/reactions/right-side/calm.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/committed.webp b/src/assets/images/reactions/right-side/committed.webp
deleted file mode 100644
index bee32855c..000000000
Binary files a/src/assets/images/reactions/right-side/committed.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/confident.webp b/src/assets/images/reactions/right-side/confident.webp
deleted file mode 100644
index cb4dc2d56..000000000
Binary files a/src/assets/images/reactions/right-side/confident.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/cringe.webp b/src/assets/images/reactions/right-side/cringe.webp
deleted file mode 100644
index 6405425a7..000000000
Binary files a/src/assets/images/reactions/right-side/cringe.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/curious.webp b/src/assets/images/reactions/right-side/curious.webp
deleted file mode 100644
index 594693afc..000000000
Binary files a/src/assets/images/reactions/right-side/curious.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/defiant.webp b/src/assets/images/reactions/right-side/defiant.webp
deleted file mode 100644
index e7613cb79..000000000
Binary files a/src/assets/images/reactions/right-side/defiant.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/detached.webp b/src/assets/images/reactions/right-side/detached.webp
deleted file mode 100644
index eb11da269..000000000
Binary files a/src/assets/images/reactions/right-side/detached.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/determined.webp b/src/assets/images/reactions/right-side/determined.webp
deleted file mode 100644
index 7e03a58b4..000000000
Binary files a/src/assets/images/reactions/right-side/determined.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/disgusted.webp b/src/assets/images/reactions/right-side/disgusted.webp
deleted file mode 100644
index 9d27774d9..000000000
Binary files a/src/assets/images/reactions/right-side/disgusted.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/distracted.webp b/src/assets/images/reactions/right-side/distracted.webp
deleted file mode 100644
index 9c6b452ad..000000000
Binary files a/src/assets/images/reactions/right-side/distracted.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/empathy.webp b/src/assets/images/reactions/right-side/empathy.webp
deleted file mode 100644
index e9eabe195..000000000
Binary files a/src/assets/images/reactions/right-side/empathy.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/enlighten.webp b/src/assets/images/reactions/right-side/enlighten.webp
deleted file mode 100644
index 61a399cbf..000000000
Binary files a/src/assets/images/reactions/right-side/enlighten.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/enthusiastic.webp b/src/assets/images/reactions/right-side/enthusiastic.webp
deleted file mode 100644
index 452023328..000000000
Binary files a/src/assets/images/reactions/right-side/enthusiastic.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/excited.webp b/src/assets/images/reactions/right-side/excited.webp
deleted file mode 100644
index c2c61e786..000000000
Binary files a/src/assets/images/reactions/right-side/excited.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/fearful.webp b/src/assets/images/reactions/right-side/fearful.webp
deleted file mode 100644
index cbcf4e30a..000000000
Binary files a/src/assets/images/reactions/right-side/fearful.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/fearless.webp b/src/assets/images/reactions/right-side/fearless.webp
deleted file mode 100644
index 9f4977b0a..000000000
Binary files a/src/assets/images/reactions/right-side/fearless.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/friendly.webp b/src/assets/images/reactions/right-side/friendly.webp
deleted file mode 100644
index 10208624f..000000000
Binary files a/src/assets/images/reactions/right-side/friendly.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/fulfilled.webp b/src/assets/images/reactions/right-side/fulfilled.webp
deleted file mode 100644
index 8adcb81d3..000000000
Binary files a/src/assets/images/reactions/right-side/fulfilled.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/furious.webp b/src/assets/images/reactions/right-side/furious.webp
deleted file mode 100644
index 1f05dfedf..000000000
Binary files a/src/assets/images/reactions/right-side/furious.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/glad.webp b/src/assets/images/reactions/right-side/glad.webp
deleted file mode 100644
index 4ce3b1fd0..000000000
Binary files a/src/assets/images/reactions/right-side/glad.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/guffaw.webp b/src/assets/images/reactions/right-side/guffaw.webp
deleted file mode 100644
index a4591f197..000000000
Binary files a/src/assets/images/reactions/right-side/guffaw.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/happy.webp b/src/assets/images/reactions/right-side/happy.webp
deleted file mode 100644
index 6f5be11cc..000000000
Binary files a/src/assets/images/reactions/right-side/happy.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/hateful.webp b/src/assets/images/reactions/right-side/hateful.webp
deleted file mode 100644
index 244c279f0..000000000
Binary files a/src/assets/images/reactions/right-side/hateful.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/heartbroken.webp b/src/assets/images/reactions/right-side/heartbroken.webp
deleted file mode 100644
index 56a723a94..000000000
Binary files a/src/assets/images/reactions/right-side/heartbroken.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/hesitant.webp b/src/assets/images/reactions/right-side/hesitant.webp
deleted file mode 100644
index b47d6d5f4..000000000
Binary files a/src/assets/images/reactions/right-side/hesitant.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/hostile.webp b/src/assets/images/reactions/right-side/hostile.webp
deleted file mode 100644
index 89bea87f3..000000000
Binary files a/src/assets/images/reactions/right-side/hostile.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/hush.webp b/src/assets/images/reactions/right-side/hush.webp
deleted file mode 100644
index f7f1aac4a..000000000
Binary files a/src/assets/images/reactions/right-side/hush.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/incognito.webp b/src/assets/images/reactions/right-side/incognito.webp
deleted file mode 100644
index 3e7ffec4e..000000000
Binary files a/src/assets/images/reactions/right-side/incognito.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/incredulous.webp b/src/assets/images/reactions/right-side/incredulous.webp
deleted file mode 100644
index 2e6724296..000000000
Binary files a/src/assets/images/reactions/right-side/incredulous.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/indifferent.webp b/src/assets/images/reactions/right-side/indifferent.webp
deleted file mode 100644
index 5ff80d22f..000000000
Binary files a/src/assets/images/reactions/right-side/indifferent.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/informed.webp b/src/assets/images/reactions/right-side/informed.webp
deleted file mode 100644
index 2631327b4..000000000
Binary files a/src/assets/images/reactions/right-side/informed.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/interested.webp b/src/assets/images/reactions/right-side/interested.webp
deleted file mode 100644
index 9774172ae..000000000
Binary files a/src/assets/images/reactions/right-side/interested.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/intrigued.webp b/src/assets/images/reactions/right-side/intrigued.webp
deleted file mode 100644
index 9038c724e..000000000
Binary files a/src/assets/images/reactions/right-side/intrigued.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/lol.webp b/src/assets/images/reactions/right-side/lol.webp
deleted file mode 100644
index 3706db746..000000000
Binary files a/src/assets/images/reactions/right-side/lol.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/lovely.webp b/src/assets/images/reactions/right-side/lovely.webp
deleted file mode 100644
index c2f87d5f5..000000000
Binary files a/src/assets/images/reactions/right-side/lovely.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/mad.webp b/src/assets/images/reactions/right-side/mad.webp
deleted file mode 100644
index 453f4761e..000000000
Binary files a/src/assets/images/reactions/right-side/mad.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/offended.webp b/src/assets/images/reactions/right-side/offended.webp
deleted file mode 100644
index 37863f1ab..000000000
Binary files a/src/assets/images/reactions/right-side/offended.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/on_it.webp b/src/assets/images/reactions/right-side/on_it.webp
deleted file mode 100644
index 2b4c50bc5..000000000
Binary files a/src/assets/images/reactions/right-side/on_it.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/proud.webp b/src/assets/images/reactions/right-side/proud.webp
deleted file mode 100644
index daf9ba6ee..000000000
Binary files a/src/assets/images/reactions/right-side/proud.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/regret.webp b/src/assets/images/reactions/right-side/regret.webp
deleted file mode 100644
index 258273929..000000000
Binary files a/src/assets/images/reactions/right-side/regret.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/revolted.webp b/src/assets/images/reactions/right-side/revolted.webp
deleted file mode 100644
index 21d712c79..000000000
Binary files a/src/assets/images/reactions/right-side/revolted.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/sad.webp b/src/assets/images/reactions/right-side/sad.webp
deleted file mode 100644
index 8066000fb..000000000
Binary files a/src/assets/images/reactions/right-side/sad.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/satisfied.webp b/src/assets/images/reactions/right-side/satisfied.webp
deleted file mode 100644
index 314f1fe3c..000000000
Binary files a/src/assets/images/reactions/right-side/satisfied.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/shocked.webp b/src/assets/images/reactions/right-side/shocked.webp
deleted file mode 100644
index 7dd962015..000000000
Binary files a/src/assets/images/reactions/right-side/shocked.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/sick.webp b/src/assets/images/reactions/right-side/sick.webp
deleted file mode 100644
index b21e2a299..000000000
Binary files a/src/assets/images/reactions/right-side/sick.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/skeptical.webp b/src/assets/images/reactions/right-side/skeptical.webp
deleted file mode 100644
index 952547399..000000000
Binary files a/src/assets/images/reactions/right-side/skeptical.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/spiritless.webp b/src/assets/images/reactions/right-side/spiritless.webp
deleted file mode 100644
index 983ef579f..000000000
Binary files a/src/assets/images/reactions/right-side/spiritless.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/spunky.webp b/src/assets/images/reactions/right-side/spunky.webp
deleted file mode 100644
index 9c473e742..000000000
Binary files a/src/assets/images/reactions/right-side/spunky.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/suspicious.webp b/src/assets/images/reactions/right-side/suspicious.webp
deleted file mode 100644
index 3f208f9b2..000000000
Binary files a/src/assets/images/reactions/right-side/suspicious.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/terrified.webp b/src/assets/images/reactions/right-side/terrified.webp
deleted file mode 100644
index d256a5135..000000000
Binary files a/src/assets/images/reactions/right-side/terrified.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/triggered.webp b/src/assets/images/reactions/right-side/triggered.webp
deleted file mode 100644
index 5af464e18..000000000
Binary files a/src/assets/images/reactions/right-side/triggered.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/trippy.webp b/src/assets/images/reactions/right-side/trippy.webp
deleted file mode 100644
index 5dc4e1f61..000000000
Binary files a/src/assets/images/reactions/right-side/trippy.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/violent.webp b/src/assets/images/reactions/right-side/violent.webp
deleted file mode 100644
index 62cdf4185..000000000
Binary files a/src/assets/images/reactions/right-side/violent.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/whine.webp b/src/assets/images/reactions/right-side/whine.webp
deleted file mode 100644
index 49f67f75a..000000000
Binary files a/src/assets/images/reactions/right-side/whine.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/wild.webp b/src/assets/images/reactions/right-side/wild.webp
deleted file mode 100644
index 57aaf36ab..000000000
Binary files a/src/assets/images/reactions/right-side/wild.webp and /dev/null differ
diff --git a/src/assets/images/reactions/right-side/zzz.webp b/src/assets/images/reactions/right-side/zzz.webp
deleted file mode 100644
index 56b925db1..000000000
Binary files a/src/assets/images/reactions/right-side/zzz.webp and /dev/null differ
diff --git a/src/components/DraftPreview.vue b/src/components/DraftPreview.vue
index 7c2a31a6a..b242fa208 100644
--- a/src/components/DraftPreview.vue
+++ b/src/components/DraftPreview.vue
@@ -1,21 +1,16 @@
 <template>
-	<div class="my-4 flex flex-row items-center justify-between">
+	<div
+		v-if="draft.title !== `` || draft.subtitle !== `` || draft.content !== ``"
+		class="my-4 flex flex-row items-center justify-between"
+	>
 		<!-- Title -->
 		<div class="flex flex-grow flex-col">
 			<h6
-				v-if="numberOfDrafts > 1"
 				class="truncate text-base font-semibold"
 				:style="$route.name === `home` ? `max-width: 259px` : `max-width: 408px`"
 			>
 				{{ draft.title === `` ? `New Post` : draft.title }}
 			</h6>
-			<h6
-				v-else
-				class="truncate text-base font-semibold"
-				:style="$route.name === `home` ? `max-width: 259px` : `max-width: 408px`"
-			>
-				{{ draft.title === `` ? `Default draft` : draft.title }}
-			</h6>
 			<p v-if="draft.timestamp !== 0" class="text-gray5 text-sm">Last saved {{ $formatDate(draft.timestamp) }}</p>
 			<p v-else class="text-gray5 text-sm">No save</p>
 		</div>
@@ -50,11 +45,7 @@
 					<span class="text-primary ml-1 self-center text-sm">Edit this draft</span>
 				</button>
 				<!-- Delete -->
-				<button
-					v-if="numberOfDrafts > 1"
-					class="focus:outline-none text-negative mt-2 flex"
-					@click="deleteDraft(draft)"
-				>
+				<button class="focus:outline-none text-negative mt-2 flex" @click="deleteDraft(draft)">
 					<BinIcon class="p-1" />
 					<span class="text-negative ml-1 self-center text-sm">Delete this draft</span>
 				</button>
diff --git a/src/components/OnboardingWizard.vue b/src/components/OnboardingWizard.vue
index f758375cf..58666d5fa 100644
--- a/src/components/OnboardingWizard.vue
+++ b/src/components/OnboardingWizard.vue
@@ -164,17 +164,17 @@ export default Vue.extend({
 		getText(): string {
 			switch (this.step) {
 				case 0:
-					return `As your daily entry point to Blogchain, this screen is important. Make it truly your own by picking whichever options you prefer for displaying content, editing tools, widgets, and more.`
+					return `Make it truly your own by selecting your preferences for displaying content, editing tools, updating widgets, and customizing everything as you wish!`
 				case 1:
-					return `On this page, we make it easy for you to find posts by writers who suit your interests well. Browse categories, featured tags, or trending topics to get started.`
+					return `Here you can easily browse posts that suit your interests. Scroll through  various categories, featured tags, or trending topics to get started.`
 				case 2:
-					return `Sometimes a post or headline catches your attention, but there’s no time to read it now. That’s why Blogchain makes it easy to highlight such content for later and then share with friends if you want.`
+					return `Sometimes a post or headline catches your attention, but you’re short of time. No worries. Blogchain makes it easy to save and share content for later.`
 				case 3:
-					return `Have an idea you’d like to share with the world? Blogchain’s simple editing tool will make it easy for you to craft and publish your post in a intuitive writing experience.`
+					return `Have an idea you’d like to share with the world? Blogchain’s simple editing tool makes it easy to craft and publish your post through an intuitive writing experience.`
 				case 4:
-					return `Agree or disagree with something you’ve read on Blogchain? Use our comment features to talk about it with other readers. You can even include one of our custom reaction illustrations to make your point.`
+					return `Agree or disagree with something you’ve read on Blogchain? Use our comment features to discuss with other readers. You can even include a custom reaction illustration to make your point.`
 				case 5:
-					return `You will be able to change your profile and add more informations later on your profile page.`
+					return `You’ll be able to update your profile or add more information later!`
 				default:
 					return `out of scope`
 			}
diff --git a/src/components/icons/Send.vue b/src/components/icons/Send.vue
index 5140e35a0..8c9a9ef77 100644
--- a/src/components/icons/Send.vue
+++ b/src/components/icons/Send.vue
@@ -1,11 +1,5 @@
 <template>
-	<svg
-		class="-mr-px h-5 w-5 rotate-90 transform"
-		fill="none"
-		stroke="currentColor"
-		viewBox="0 0 24 24"
-		xmlns="http://www.w3.org/2000/svg"
-	>
+	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"></path>
 	</svg>
 </template>
diff --git a/src/components/post/Actions.vue b/src/components/post/Actions.vue
index 0410dd9e8..4da03a416 100644
--- a/src/components/post/Actions.vue
+++ b/src/components/post/Actions.vue
@@ -85,7 +85,7 @@
 						<div v-for="f in faceStats.slice(page * 6, page * 6 + 6)" :key="f.face.label" class="flex w-24 flex-col">
 							<div class="flex flex-col rounded-lg border p-1" :class="`border-` + getStyle(f.face.label)">
 								<span class="self-center text-xs">{{ f.face.label }}</span>
-								<img :src="f.face.leftImage" :alt="f.face.label" class="h-16 w-16 self-center" />
+								<img :src="f.face.image" :alt="f.face.label" class="h-16 w-16 self-center" />
 							</div>
 							<span class="mt-1 self-center text-sm font-semibold"
 								>{{ ((f.count / getCommentCount(`total`)) * 100).toFixed(1) }}%</span
@@ -106,7 +106,7 @@
 					<button class="focus:outline-none ml-2" @click="toggleStats = true"><StatsIcon /></button>
 				</div>
 				<CommentFilter
-					v-show="!showEmotions && comments.length > 0"
+					v-show="!showEmotions && (comments.length > 0 || this.filter !== ``)"
 					:filter="filter"
 					class="modal-animation"
 					@clicked="setFilter"
@@ -115,20 +115,18 @@
 			<!-- Top overlay with selector -->
 			<div v-show="showEmotions" class="relative flex w-full flex-row-reverse">
 				<div
-					class="z-10 mr-1 flex flex-row justify-between rounded-tr-lg bg-white p-5"
-					:style="$route.name === `post-post` ? `width: 490px` : `width: 406px`"
+					class="z-10 mr-1 hidden xl:flex flex-row justify-between rounded-tr-lg bg-white p-5 xl:w-3/5"
 					style="margin-bottom: -112px; margin-top: 1px; pointer-events: none"
 				>
 					<h6 class="text-primary self-center text-center text-2xl font-semibold">How do you feel?</h6>
 				</div>
-				<div class="absolute z-10 mt-10 mr-8 flex items-center">
+				<div class="absolute z-20 mt-8 xl:mt-10 mr-8 flex items-center">
 					<button class="bg-gray1 focus:outline-none rounded-full p-1" @click="showEmotions = false">
 						<CloseIcon />
 					</button>
 				</div>
 				<div
-					class="z-10 flex flex-row justify-between rounded-tl-lg bg-white p-5"
-					:style="$route.name === `post-post` ? `width: 350px` : `width: 306px`"
+					class="z-10 flex flex-row justify-between rounded-tl-lg bg-white p-5 w-full xl:w-2/5 mr-1 xl:mr-0"
 					style="
 						margin-bottom: -112px;
 						background: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
@@ -159,7 +157,7 @@
 					:class="showEmotions ? `` : `border p-2 bg-` + selectedEmotionColor"
 				>
 					<div
-						class="flex w-full items-center justify-center overflow-hidden rounded-xl"
+						class="flex w-full items-center justify-center overflow-hidden rounded-xl relative"
 						:style="showEmotions ? `height: 20rem` : `height: 10rem`"
 					>
 						<div v-if="this.$store.state.session.id !== ``" class="flex w-full flex-row">
@@ -168,29 +166,45 @@
 								<button class="focus:outline-none h-auto flex-shrink-0" @click="toggleShowEmotions">
 									<span v-if="activeEmotion.label !== ``">
 										<img
-											:src="activeEmotion.rightImage"
+											:src="activeEmotion.image"
 											:alt="activeEmotion.label"
-											class="object-contain"
-											style="width: 126px; height: 126px"
+											class="object-contain w-24 h-24 xl:w-32 xl:h-32"
+											style="transform: rotateY(180deg)"
 										/>
 									</span>
 									<span v-else
 										><FlipIcon
-											class="transition duration-500 ease-in-out opacity-50 hover:opacity-100"
-											style="width: 140px; height: 140px"
+											class="transition duration-500 ease-in-out opacity-50 hover:opacity-100 w-24 h-24 xl:w-32 xl:h-32"
 									/></span>
 								</button>
 								<textarea
+									v-if="comments.length > 0"
 									v-model="comment"
-									class="focus:outline-none mr-6 h-40 w-full resize-none overflow-y-auto py-4 pl-2 pr-16 leading-normal"
+									class="focus:outline-none mr-6 h-40 w-full resize-none overflow-y-auto py-4 pl-2 pr-10 xl:pr-16 leading-normal"
 									name="body"
 									placeholder="What's your response?"
 								/>
+								<textarea
+									v-else
+									v-model="comment"
+									class="focus:outline-none mr-6 h-40 w-full resize-none overflow-y-auto py-4 pl-2 pr-10 xl:pr-16 leading-normal"
+									name="body"
+									placeholder="Be the first one commenting this post..."
+								/>
 								<div class="relative">
 									<span class="absolute bottom-0 right-0 flex flex-col">
+										<button
+											class="bg-primary focus:outline-none block rounded-lg xl:hidden"
+											style="margin-right: 15.2px; margin-bottom: 15px"
+											:class="comment !== '' && activeEmotion.label !== '' ? '' : 'opacity-50'"
+											@click="sendComment"
+										>
+											<SendIcon class="m-2 mb-3 ml-3 h-5 w-5 text-white transform rotate-45" />
+										</button>
 										<BrandedButton
 											style="margin-right: 15.2px; margin-bottom: 15px"
 											text="Post"
+											class="hidden xl:block"
 											:action="sendComment"
 											:thin="true"
 											:class="comment !== '' && activeEmotion.label !== '' ? '' : 'opacity-50'"
@@ -202,12 +216,12 @@
 							<div
 								v-show="showEmotions"
 								ref="scrollContainer"
-								class="modal-animation w-full overflow-y-scroll bg-white px-6"
+								class="modal-animation w-full overflow-y-scroll bg-white px-4 xl:px-6 flex justify-center"
 								style="height: 320px; scroll-snap-type: y mandatory; scroll-snap-stop: always"
 							>
 								<!-- Middle selector area -->
 								<div
-									class="absolute rounded-lg p-2"
+									class="absolute rounded-lg p-2 h-32 xl:h-24 mt-24 xl:mt-28"
 									:class="
 										selectedEmotionColor === `positive` ||
 										selectedEmotionColor === `neutral` ||
@@ -215,15 +229,14 @@
 											? `bg-opacity-25 bg-` + selectedEmotionColor
 											: `bg-gray1`
 									"
-									style="height: 96px; margin-top: 112px"
-									:style="$route.name === `post-post` ? `width: 716px` : `width: 646px`"
+									style="width: 92%"
 								></div>
 								<!-- Faces grid -->
-								<div class="relative" style="padding-bottom: 120px; padding-top: 120px">
+								<div class="relative w-full" style="padding-bottom: 120px; padding-top: 120px">
 									<div
 										v-for="row in faceGroupings"
 										:key="row[0].label + row[1].label + row[2].label"
-										class="relative flex w-full flex-row px-2"
+										class="relative flex w-full flex-row mb-2 xl:px-2 justify-between"
 										style="scroll-snap-align: center"
 									>
 										<button
@@ -234,12 +247,20 @@
 											style="transition: all 0.3s ease-in-out"
 											@click="setEmotion(face)"
 										>
-											<img :src="face.leftImage" :alt="face.label" class="h-20 w-20" />
+											<img :src="face.image" :alt="face.label" class="h-20 w-20" style="transform: rotateY(180deg)" />
+											<p
+												class="capitalize xl:hidden mt-1"
+												:class="
+													selectedEmotion.label === face.label ? `font-bold text-` + selectedEmotionColor : `text-gray7`
+												"
+											>
+												{{ face.label }}
+											</p>
 										</button>
 										<div
 											v-for="face in row"
 											:key="face.label + face.label"
-											class="face-tag flex flex-grow items-center justify-center"
+											class="face-tag hidden xl:flex flex-grow items-center justify-center"
 										>
 											<button
 												class="focus:outline-none outline-none flex flex-grow items-center justify-center"
@@ -269,18 +290,17 @@
 			<!-- Bottom overlay with selector -->
 			<div v-show="showEmotions" class="relative flex w-full flex-row-reverse">
 				<div
-					class="z-10 mr-1 flex flex-row-reverse items-end rounded-br-xl bg-white p-5"
+					class="z-10 mr-1 hidden xl:flex flex-row-reverse items-end rounded-br-xl bg-white p-5 xl:w-3/5"
 					style="height: 111px; margin-top: -112px; margin-bottom: 1px; pointer-events: none"
-					:style="$route.name === `post-post` ? `width: 490px` : `width: 406px;  margin-right: 53px;`"
 				></div>
 				<button
-					class="bg-primary focus:outline-none absolute bottom-0 right-0 z-10 mb-7 mr-7 rounded-lg px-6 py-2 text-white"
+					class="bg-primary focus:outline-none absolute bottom-0 right-0 z-20 mb-7 mr-7 rounded-lg px-6 py-2 text-white"
 					@click="confirmEmotion"
 				>
 					Select
 				</button>
 				<div
-					class="z-10 flex flex-row-reverse items-end rounded-bl-lg bg-white p-5"
+					class="z-10 flex flex-row-reverse items-end rounded-bl-lg bg-white p-5 w-full mr-1 xl:mr-0 xl:w-2/5"
 					style="
 						height: 111px;
 						margin-top: -112px;
@@ -289,7 +309,6 @@
 						margin-bottom: 1px;
 						margin-left: 1px;
 					"
-					:style="$route.name === `post-post` ? `width: 350px` : `width: 306px`"
 				></div>
 			</div>
 			<Comment
@@ -313,6 +332,7 @@ import BrandedButton from '@/components/BrandedButton.vue'
 import Comment from '@/components/post/Comment.vue'
 import CommentFilter from '@/components/post/CommentFilter.vue'
 import FlipIcon from '@/components/icons/Flip.vue'
+import SendIcon from '@/components/icons/Send.vue'
 import CloseIcon from '@/components/icons/X.vue'
 import StatsIcon from '@/components/icons/Stats.vue'
 import ChevronLeft from '@/components/icons/ChevronLeft.vue'
@@ -324,15 +344,15 @@ import { createComment, sendComment, ICommentData, getCommentsOfPost } from '@/b
 import { getPhotoFromIPFS } from '@/backend/photos'
 
 interface FaceStat {
-	face: { label: string; leftImage: any; rightImage: any }
+	face: { label: string; image: any }
 	count: number
 }
 
 interface IData {
 	faceGroupings: object[]
 	feelingList: Record<string, any>
-	activeEmotion: { label: string; leftImage: any; rightImage: any }
-	selectedEmotion: { label: string; leftImage: any; rightImage: any }
+	activeEmotion: { label: string; image: any }
+	selectedEmotion: { label: string; image: any }
 	comments: ICommentData[]
 	avatar: string
 	comment: string
@@ -358,6 +378,7 @@ export default Vue.extend({
 		StatsIcon,
 		ChevronLeft,
 		ChevronRight,
+		SendIcon,
 	},
 	props: {
 		postCID: {
@@ -386,8 +407,8 @@ export default Vue.extend({
 			faceGroupings,
 			feelingList: feelings,
 			avatar: ``,
-			activeEmotion: { label: ``, leftImage: null, rightImage: null },
-			selectedEmotion: { label: ``, leftImage: null, rightImage: null },
+			activeEmotion: { label: ``, image: null },
+			selectedEmotion: { label: ``, image: null },
 			comment: ``,
 			comments: [],
 			emotion: ``,
@@ -427,7 +448,7 @@ export default Vue.extend({
 			this.filter = reaction
 			this.filterComments()
 		},
-		setEmotion(r: { label: string; leftImage: any; rightImage: any }) {
+		setEmotion(r: { label: string; image: any }) {
 			this.selectedEmotion = r
 			if (feelings.positive.has(r.label)) {
 				this.selectedEmotionColor = `positive`
@@ -465,8 +486,8 @@ export default Vue.extend({
 			// Apply filter to comments, in case new comment was added in filtered category
 			this.comment = ``
 			this.filterComments()
-			this.selectedEmotion = { label: ``, leftImage: null, rightImage: null }
-			this.activeEmotion = { label: ``, leftImage: null, rightImage: null }
+			this.selectedEmotion = { label: ``, image: null }
+			this.activeEmotion = { label: ``, image: null }
 			this.emotion = ``
 			this.filter = ``
 			this.selectedEmotionColor = `neutralLightest`
diff --git a/src/components/post/Card.vue b/src/components/post/Card.vue
index 3e70f85a0..3f73b608d 100644
--- a/src/components/post/Card.vue
+++ b/src/components/post/Card.vue
@@ -177,7 +177,14 @@
 						:class="quoteContent !== `` ? '' : 'opacity-50'"
 						style="transition: all 0.4s"
 					>
-						<BrandedButton :action="handleSendRepost" :text="`Post`" />
+						<button
+							class="bg-primary focus:outline-none block rounded-lg xl:hidden"
+							style="margin-right: 15.2px; margin-bottom: 15px"
+							@click="handleSendRepost"
+						>
+							<SendIcon class="m-2 mb-3 ml-3 h-5 w-5 text-white transform rotate-45" />
+						</button>
+						<BrandedButton :action="handleSendRepost" :text="`Quote`" class="hidden xl:block" />
 					</div>
 				</div>
 				<PostActions
@@ -439,6 +446,15 @@
 								<CommentIcon :isActive="showComments" />
 								<span v-if="comments" class="ml-1">{{ comments.length }}</span>
 							</button>
+							<Repost
+								:repost="repost"
+								:post="post"
+								:cid="postCID"
+								class="fill-primary mr-4"
+								:hasRepost="hasReposted"
+								:repostCount="repostCount"
+								@toggleRepost="toggleQuoteRepost"
+							/>
 							<Share
 								:repost="repost"
 								:post="post"
@@ -472,6 +488,7 @@ import Repost from '@/components/post/Repost.vue'
 import TagPill from '@/components/Tag.vue'
 import More from '@/components/icons/More.vue'
 import XIcon from '@/components/icons/X.vue'
+import SendIcon from '@/components/icons/Send.vue'
 import FriendButton from '@/components/FriendButton.vue'
 import RepostIcon from '@/components/icons/Repost.vue'
 import StatsIcon from '@/components/icons/Stats.vue'
@@ -535,6 +552,7 @@ export default Vue.extend({
 		FriendButton,
 		RepostIcon,
 		BrandedButton,
+		SendIcon,
 	},
 	props: {
 		repost: {
diff --git a/src/components/post/Comment.vue b/src/components/post/Comment.vue
index 6b1749925..c9b6f5ef0 100644
--- a/src/components/post/Comment.vue
+++ b/src/components/post/Comment.vue
@@ -44,7 +44,7 @@
 							<p class="break-words py-1 font-sans text-lg leading-relaxed">
 								{{ content }}
 							</p>
-							<div class="mt-8 flex h-full flex-row">
+							<div class="mt-8 flex h-full flex-row items-center">
 								<button
 									class="text-primary focus:outline-none text-left font-sans text-sm"
 									@click="isReplying = !isReplying"
@@ -57,13 +57,13 @@
 							</div>
 						</div>
 						<div class="flex flex-shrink-0 items-center justify-center overflow-hidden xl:hidden">
-							<img :src="emotion.leftImage" class="-mb-1 mt-2 h-24 w-24 bg-transparent" />
+							<img :src="emotion.image" class="-mb-1 mt-2 h-24 w-24 bg-transparent" />
 						</div>
 					</div>
 				</div>
 				<!-- Desktop reaction face -->
 				<div class="hidden flex-shrink-0 items-center justify-center overflow-hidden xl:flex">
-					<img :src="emotion.leftImage" class="-mb-1 mt-2 h-32 w-32 bg-transparent" />
+					<img :src="emotion.image" class="-mb-1 mt-2 h-32 w-32 bg-transparent" />
 				</div>
 			</div>
 		</div>
@@ -135,7 +135,7 @@ interface IData {
 	replies: ICommentData[]
 	avatar: string
 	name: string
-	emotion: { label: string; leftImage: any; rightImage: any }
+	emotion: { label: string; image: any }
 	emotionType: string
 	content: string
 }
diff --git a/src/components/post/CommentFilter.vue b/src/components/post/CommentFilter.vue
index ef4e9cd4a..8dbd1685f 100644
--- a/src/components/post/CommentFilter.vue
+++ b/src/components/post/CommentFilter.vue
@@ -2,7 +2,7 @@
 	<div class="relative flex flex-grow items-center">
 		<!-- Comment filter -->
 		<div class="flex w-full flex-row items-center justify-end">
-			<h6 class="hidden xl:block">Sort by:</h6>
+			<h6 class="hidden xl:block">Filter by:</h6>
 			<button
 				class="toggle focus:outline-none ml-4 flex w-32 items-center justify-between rounded-lg border px-4 text-sm shadow-lg"
 				@click.stop="showFilter = !showFilter"
@@ -13,7 +13,7 @@
 				<ChevronDown v-else />
 			</button>
 			<button v-show="filter !== ``" @click="$emit(`clicked`, ``)">
-				<span class="ml-2 text-sm">Clear</span>
+				<span class="ml-2 text-sm text-primary">Clear</span>
 			</button>
 		</div>
 		<!-- comment filter dropdown -->
@@ -57,7 +57,7 @@
 					class="tooltip focus:outline-none border-lightBorder relative inline-block h-24 w-24 transform rounded-xl border transition duration-500 ease-in-out hover:scale-105"
 				>
 					<img
-						:src="reactionList[r].leftImage"
+						:src="reactionList[r].image"
 						:alt="reactionList[r].label"
 						class="h-24 w-24 flex-shrink-0"
 						@click="updateFilter(reactionList[r].label)"
diff --git a/src/components/post/Editor.vue b/src/components/post/Editor.vue
index 7eeb068e4..c39d3cef4 100644
--- a/src/components/post/Editor.vue
+++ b/src/components/post/Editor.vue
@@ -501,7 +501,7 @@ textarea#subtitle {
 	box-sizing: border-box;
 }
 .hidemetaButton {
-	transform: translateX(6.4rem);
+	transform: translateX(5.15rem);
 	padding: 0.7rem;
 }
 .content {
diff --git a/src/components/post/Repost.vue b/src/components/post/Repost.vue
index 1e7374bcc..c0e8a2717 100644
--- a/src/components/post/Repost.vue
+++ b/src/components/post/Repost.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="relative flex items-end">
 		<button
-			class="focus:outline-none hover:text-primary toggle flex items-end"
+			class="focus:outline-none hover:text-primary toggleRepost flex items-end"
 			:class="showReposts ? 'text-primary' : ''"
 			@click.stop="toggleDropdown"
 		>
@@ -17,7 +17,7 @@
 					? 'bg-lightBG text-lightPrimaryText border-lightBorder'
 					: 'bg-darkBG text-darkPrimaryText border-darkBorder'
 			"
-			class="border-lightBorder modal-animation dropdownRepostOpen absolute z-10 flex w-40 flex-col rounded-lg border p-2 shadow-lg"
+			class="border-lightBorder modal-animation dropdownRepostOpen absolute z-20 flex w-40 flex-col rounded-lg border p-2 shadow-lg"
 			style="left: 50px"
 		>
 			<!-- Simple Repost -->
@@ -108,7 +108,7 @@ export default Vue.extend({
 				if (
 					e.target.parentNode === null ||
 					e.target.parentNode.classList === undefined ||
-					!e.target.parentNode.classList.contains(`toggle`)
+					!e.target.parentNode.classList.contains(`toggleRepost`)
 				) {
 					this.showReposts = false
 				}
diff --git a/src/components/post/Share.vue b/src/components/post/Share.vue
index f7fa8f1b1..cfb2dddf5 100644
--- a/src/components/post/Share.vue
+++ b/src/components/post/Share.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="relative flex items-end">
 		<button
-			class="focus:outline-none hover:text-primary toggle flex items-end"
+			class="focus:outline-none hover:text-primary toggleShare flex items-end"
 			:class="showSocialShares ? 'text-primary' : ''"
 			@click.stop="toggleDropdown"
 		>
@@ -86,7 +86,7 @@ export default Vue.extend({
 				if (
 					e.target.parentNode === null ||
 					e.target.parentNode.classList === undefined ||
-					!e.target.parentNode.classList.contains(`toggle`)
+					!e.target.parentNode.classList.contains(`toggleShare`)
 				) {
 					this.showSocialShares = false
 				}
diff --git a/src/components/widgets/Drafts.vue b/src/components/widgets/Drafts.vue
index 6b0bf64bf..2b9f80e44 100644
--- a/src/components/widgets/Drafts.vue
+++ b/src/components/widgets/Drafts.vue
@@ -2,8 +2,22 @@
 	<article class="p-6 pt-4 pb-4">
 		<h3 class="text-primary font-semibold">Drafts</h3>
 		<div v-if="this.$store.state.session.id !== ``">
+			<div
+				v-if="
+					draftSubset.length === 1 &&
+					draftSubset[0].title === `` &&
+					draftSubset[0].subtitle === `` &&
+					draftSubset[0].content === ``
+				"
+			>
+				<div class="text-gray5 pt-3 text-sm mb-4">
+					You don't have any drafts yet,
+					<button class="text-primary focus:outline-none ml-1" @click="$router.push(`/post`)">write a new draft</button>
+				</div>
+			</div>
 			<DraftPreview
 				v-for="d in draftSubset"
+				v-else
 				:key="$store.state.draft.drafts.indexOf(d)"
 				:draft="d"
 				:index="$store.state.draft.drafts.indexOf(d)"
diff --git a/src/components/widgets/DraftsPopup.vue b/src/components/widgets/DraftsPopup.vue
index 48cf92484..80eabf332 100644
--- a/src/components/widgets/DraftsPopup.vue
+++ b/src/components/widgets/DraftsPopup.vue
@@ -10,7 +10,19 @@
 					<h2 class="text-primary text-3xl font-semibold">Drafts</h2>
 					<button class="focus:outline-none bg-gray1 rounded-full p-1" @click="$emit(`close`)"><CloseIcon /></button>
 				</div>
-				<div class="flex w-full flex-col-reverse items-center">
+				<div
+					v-if="
+						$store.state.draft.drafts.length === 1 &&
+						$store.state.draft.drafts[0].title === `` &&
+						$store.state.draft.drafts[0].subtitle === `` &&
+						$store.state.draft.drafts[0].content === ``
+					"
+					class="flex w-full flex-col items-center mt-12"
+				>
+					<p class="text-gray5 mb-5 text-sm">It seems you don't have any drafts yet, you can start a new one here:</p>
+					<SecondaryButton :text="`Write a post`" :action="handleWriteNewDraft" />
+				</div>
+				<div v-else class="flex w-full flex-col-reverse items-center">
 					<div
 						v-for="d in $store.state.draft.drafts"
 						:key="$store.state.draft.drafts.indexOf(d)"
@@ -33,12 +45,13 @@
 <script lang="ts">
 import Vue from 'vue'
 import DraftPreview from '@/components/DraftPreview.vue'
+import SecondaryButton from '@/components/SecondaryButton.vue'
 import CloseIcon from '@/components/icons/X.vue'
 
 interface IData {}
 
 export default Vue.extend({
-	components: { DraftPreview, CloseIcon },
+	components: { DraftPreview, CloseIcon, SecondaryButton },
 	data(): IData {
 		return {}
 	},
@@ -57,6 +70,9 @@ export default Vue.extend({
 				this.$emit(`close`)
 			}
 		},
+		handleWriteNewDraft() {
+			this.$router.push(`/post`)
+		},
 	},
 })
 </script>
diff --git a/src/config.ts b/src/config.ts
index 93f327561..a030f37b4 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -1,313 +1,251 @@
 export const faces = {
 	default: {
 		label: `default`,
-		leftImage: require(`@/assets/images/reactions/default.png`),
-		rightImage: require(`@/assets/images/reactions/default.png`),
+		image: require(`@/assets/images/reactions/default.png`),
 	},
 	admiration: {
 		label: `admiration`,
-		leftImage: require(`@/assets/images/reactions/left-side/admiration.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/admiration.webp`),
+		image: require(`@/assets/images/reactions/left-side/admiration.webp`),
 	},
 	aloof: {
 		label: `aloof`,
-		leftImage: require(`@/assets/images/reactions/left-side/aloof.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/aloof.webp`),
+		image: require(`@/assets/images/reactions/left-side/aloof.webp`),
 	},
 	awe: {
 		label: `awe`,
-		leftImage: require(`@/assets/images/reactions/left-side/awe.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/awe.webp`),
+		image: require(`@/assets/images/reactions/left-side/awe.webp`),
 	},
 	bored: {
 		label: `bored`,
-		leftImage: require(`@/assets/images/reactions/left-side/bored.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/bored.webp`),
+		image: require(`@/assets/images/reactions/left-side/bored.webp`),
 	},
 	brave: {
 		label: `brave`,
-		leftImage: require(`@/assets/images/reactions/left-side/brave.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/brave.webp`),
+		image: require(`@/assets/images/reactions/left-side/brave.webp`),
 	},
 	calm: {
 		label: `calm`,
-		leftImage: require(`@/assets/images/reactions/left-side/calm.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/calm.webp`),
+		image: require(`@/assets/images/reactions/left-side/calm.webp`),
 	},
 	committed: {
 		label: `committed`,
-		leftImage: require(`@/assets/images/reactions/left-side/committed.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/committed.webp`),
+		image: require(`@/assets/images/reactions/left-side/committed.webp`),
 	},
 	confident: {
 		label: `confident`,
-		leftImage: require(`@/assets/images/reactions/left-side/confident.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/confident.webp`),
+		image: require(`@/assets/images/reactions/left-side/confident.webp`),
 	},
 	cringe: {
 		label: `cringe`,
-		leftImage: require(`@/assets/images/reactions/left-side/cringe.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/cringe.webp`),
+		image: require(`@/assets/images/reactions/left-side/cringe.webp`),
 	},
 	curious: {
 		label: `curious`,
-		leftImage: require(`@/assets/images/reactions/left-side/curious.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/curious.webp`),
+		image: require(`@/assets/images/reactions/left-side/curious.webp`),
 	},
 	defiant: {
 		label: `defiant`,
-		leftImage: require(`@/assets/images/reactions/left-side/defiant.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/defiant.webp`),
+		image: require(`@/assets/images/reactions/left-side/defiant.webp`),
 	},
 	detached: {
 		label: `detached`,
-		leftImage: require(`@/assets/images/reactions/left-side/detached.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/detached.webp`),
+		image: require(`@/assets/images/reactions/left-side/detached.webp`),
 	},
 	determined: {
 		label: `determined`,
-		leftImage: require(`@/assets/images/reactions/left-side/determined.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/determined.webp`),
+		image: require(`@/assets/images/reactions/left-side/determined.webp`),
 	},
 	disgusted: {
 		label: `disgusted`,
-		leftImage: require(`@/assets/images/reactions/left-side/disgusted.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/disgusted.webp`),
+		image: require(`@/assets/images/reactions/left-side/disgusted.webp`),
 	},
 	distracted: {
 		label: `distracted`,
-		leftImage: require(`@/assets/images/reactions/left-side/distracted.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/distracted.webp`),
+		image: require(`@/assets/images/reactions/left-side/distracted.webp`),
 	},
 	empathy: {
 		label: `empathy`,
-		leftImage: require(`@/assets/images/reactions/left-side/empathy.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/empathy.webp`),
+		image: require(`@/assets/images/reactions/left-side/empathy.webp`),
 	},
 	enlighten: {
 		label: `enlighten`,
-		leftImage: require(`@/assets/images/reactions/left-side/enlighten.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/enlighten.webp`),
+		image: require(`@/assets/images/reactions/left-side/enlighten.webp`),
 	},
 	enthusiastic: {
 		label: `enthusiastic`,
-		leftImage: require(`@/assets/images/reactions/left-side/enthusiastic.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/enthusiastic.webp`),
+		image: require(`@/assets/images/reactions/left-side/enthusiastic.webp`),
 	},
 	excited: {
 		label: `excited`,
-		leftImage: require(`@/assets/images/reactions/left-side/excited.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/excited.webp`),
+		image: require(`@/assets/images/reactions/left-side/excited.webp`),
 	},
 	fearful: {
 		label: `fearful`,
-		leftImage: require(`@/assets/images/reactions/left-side/fearful.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/fearful.webp`),
+		image: require(`@/assets/images/reactions/left-side/fearful.webp`),
 	},
 	fearless: {
 		label: `fearless`,
-		leftImage: require(`@/assets/images/reactions/left-side/fearless.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/fearless.webp`),
+		image: require(`@/assets/images/reactions/left-side/fearless.webp`),
 	},
 	friendly: {
 		label: `friendly`,
-		leftImage: require(`@/assets/images/reactions/left-side/friendly.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/friendly.webp`),
+		image: require(`@/assets/images/reactions/left-side/friendly.webp`),
 	},
 	fulfilled: {
 		label: `fulfilled`,
-		leftImage: require(`@/assets/images/reactions/left-side/fulfilled.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/fulfilled.webp`),
+		image: require(`@/assets/images/reactions/left-side/fulfilled.webp`),
 	},
 	furious: {
 		label: `furious`,
-		leftImage: require(`@/assets/images/reactions/left-side/furious.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/furious.webp`),
+		image: require(`@/assets/images/reactions/left-side/furious.webp`),
 	},
 	glad: {
 		label: `glad`,
-		leftImage: require(`@/assets/images/reactions/left-side/glad.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/glad.webp`),
+		image: require(`@/assets/images/reactions/left-side/glad.webp`),
 	},
 	guffaw: {
 		label: `guffaw`,
-		leftImage: require(`@/assets/images/reactions/left-side/guffaw.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/guffaw.webp`),
+		image: require(`@/assets/images/reactions/left-side/guffaw.webp`),
 	},
 	happy: {
 		label: `happy`,
-		leftImage: require(`@/assets/images/reactions/left-side/happy.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/happy.webp`),
+		image: require(`@/assets/images/reactions/left-side/happy.webp`),
 	},
 	hateful: {
 		label: `hateful`,
-		leftImage: require(`@/assets/images/reactions/left-side/hateful.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/hateful.webp`),
+		image: require(`@/assets/images/reactions/left-side/hateful.webp`),
 	},
 	heartbroken: {
 		label: `heartbroken`,
-		leftImage: require(`@/assets/images/reactions/left-side/heartbroken.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/heartbroken.webp`),
+		image: require(`@/assets/images/reactions/left-side/heartbroken.webp`),
 	},
 	hesitant: {
 		label: `hesitant`,
-		leftImage: require(`@/assets/images/reactions/left-side/hesitant.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/hesitant.webp`),
+		image: require(`@/assets/images/reactions/left-side/hesitant.webp`),
 	},
 	hostile: {
 		label: `hostile`,
-		leftImage: require(`@/assets/images/reactions/left-side/hostile.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/hostile.webp`),
+		image: require(`@/assets/images/reactions/left-side/hostile.webp`),
 	},
 	hush: {
 		label: `hush`,
-		leftImage: require(`@/assets/images/reactions/left-side/hush.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/hush.webp`),
+		image: require(`@/assets/images/reactions/left-side/hush.webp`),
 	},
 	incognito: {
 		label: `incognito`,
-		leftImage: require(`@/assets/images/reactions/left-side/incognito.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/incognito.webp`),
+		image: require(`@/assets/images/reactions/left-side/incognito.webp`),
 	},
 	incredulous: {
 		label: `incredulous`,
-		leftImage: require(`@/assets/images/reactions/left-side/incredulous.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/incredulous.webp`),
+		image: require(`@/assets/images/reactions/left-side/incredulous.webp`),
 	},
 	indifferent: {
 		label: `indifferent`,
-		leftImage: require(`@/assets/images/reactions/left-side/indifferent.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/indifferent.webp`),
+		image: require(`@/assets/images/reactions/left-side/indifferent.webp`),
 	},
 	informed: {
 		label: `informed`,
-		leftImage: require(`@/assets/images/reactions/left-side/informed.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/informed.webp`),
+		image: require(`@/assets/images/reactions/left-side/informed.webp`),
 	},
 	interested: {
 		label: `interested`,
-		leftImage: require(`@/assets/images/reactions/left-side/interested.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/interested.webp`),
+		image: require(`@/assets/images/reactions/left-side/interested.webp`),
 	},
 	intrigued: {
 		label: `intrigued`,
-		leftImage: require(`@/assets/images/reactions/left-side/intrigued.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/intrigued.webp`),
+		image: require(`@/assets/images/reactions/left-side/intrigued.webp`),
 	},
 	lol: {
 		label: `lol`,
-		leftImage: require(`@/assets/images/reactions/left-side/lol.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/lol.webp`),
+		image: require(`@/assets/images/reactions/left-side/lol.webp`),
 	},
 	lovely: {
 		label: `lovely`,
-		leftImage: require(`@/assets/images/reactions/left-side/lovely.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/lovely.webp`),
+		image: require(`@/assets/images/reactions/left-side/lovely.webp`),
 	},
 	mad: {
 		label: `mad`,
-		leftImage: require(`@/assets/images/reactions/left-side/mad.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/mad.webp`),
+		image: require(`@/assets/images/reactions/left-side/mad.webp`),
 	},
 	offended: {
 		label: `offended`,
-		leftImage: require(`@/assets/images/reactions/left-side/offended.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/offended.webp`),
+		image: require(`@/assets/images/reactions/left-side/offended.webp`),
 	},
 	on_it: {
 		label: `on_it`,
-		leftImage: require(`@/assets/images/reactions/left-side/on_it.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/on_it.webp`),
+		image: require(`@/assets/images/reactions/left-side/on_it.webp`),
 	},
 	proud: {
 		label: `proud`,
-		leftImage: require(`@/assets/images/reactions/left-side/proud.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/proud.webp`),
+		image: require(`@/assets/images/reactions/left-side/proud.webp`),
 	},
 	regret: {
 		label: `regret`,
-		leftImage: require(`@/assets/images/reactions/left-side/regret.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/regret.webp`),
+		image: require(`@/assets/images/reactions/left-side/regret.webp`),
 	},
 	revolted: {
 		label: `revolted`,
-		leftImage: require(`@/assets/images/reactions/left-side/revolted.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/revolted.webp`),
+		image: require(`@/assets/images/reactions/left-side/revolted.webp`),
 	},
 	sad: {
 		label: `sad`,
-		leftImage: require(`@/assets/images/reactions/left-side/sad.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/sad.webp`),
+		image: require(`@/assets/images/reactions/left-side/sad.webp`),
 	},
 	satisfied: {
 		label: `satisfied`,
-		leftImage: require(`@/assets/images/reactions/left-side/satisfied.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/satisfied.webp`),
+		image: require(`@/assets/images/reactions/left-side/satisfied.webp`),
 	},
 	shocked: {
 		label: `shocked`,
-		leftImage: require(`@/assets/images/reactions/left-side/shocked.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/shocked.webp`),
+		image: require(`@/assets/images/reactions/left-side/shocked.webp`),
 	},
 	sick: {
 		label: `sick`,
-		leftImage: require(`@/assets/images/reactions/left-side/sick.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/sick.webp`),
+		image: require(`@/assets/images/reactions/left-side/sick.webp`),
 	},
 	skeptical: {
 		label: `skeptical`,
-		leftImage: require(`@/assets/images/reactions/left-side/skeptical.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/skeptical.webp`),
+		image: require(`@/assets/images/reactions/left-side/skeptical.webp`),
 	},
 	spiritless: {
 		label: `spiritless`,
-		leftImage: require(`@/assets/images/reactions/left-side/spiritless.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/spiritless.webp`),
+		image: require(`@/assets/images/reactions/left-side/spiritless.webp`),
 	},
 	spunky: {
 		label: `spunky`,
-		leftImage: require(`@/assets/images/reactions/left-side/spunky.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/spunky.webp`),
+		image: require(`@/assets/images/reactions/left-side/spunky.webp`),
 	},
 	suspicious: {
 		label: `suspicious`,
-		leftImage: require(`@/assets/images/reactions/left-side/suspicious.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/suspicious.webp`),
+		image: require(`@/assets/images/reactions/left-side/suspicious.webp`),
 	},
 	terrified: {
 		label: `terrified`,
-		leftImage: require(`@/assets/images/reactions/left-side/terrified.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/terrified.webp`),
+		image: require(`@/assets/images/reactions/left-side/terrified.webp`),
 	},
 	triggered: {
 		label: `triggered`,
-		leftImage: require(`@/assets/images/reactions/left-side/triggered.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/triggered.webp`),
+		image: require(`@/assets/images/reactions/left-side/triggered.webp`),
 	},
 	trippy: {
 		label: `trippy`,
-		leftImage: require(`@/assets/images/reactions/left-side/trippy.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/trippy.webp`),
+		image: require(`@/assets/images/reactions/left-side/trippy.webp`),
 	},
 	violent: {
 		label: `violent`,
-		leftImage: require(`@/assets/images/reactions/left-side/violent.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/violent.webp`),
+		image: require(`@/assets/images/reactions/left-side/violent.webp`),
 	},
 	whine: {
 		label: `whine`,
-		leftImage: require(`@/assets/images/reactions/left-side/whine.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/whine.webp`),
+		image: require(`@/assets/images/reactions/left-side/whine.webp`),
 	},
 	wild: {
 		label: `wild`,
-		leftImage: require(`@/assets/images/reactions/left-side/wild.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/wild.webp`),
+		image: require(`@/assets/images/reactions/left-side/wild.webp`),
 	},
 	zzz: {
 		label: `zzz`,
-		leftImage: require(`@/assets/images/reactions/left-side/zzz.webp`),
-		rightImage: require(`@/assets/images/reactions/right-side/zzz.webp`),
+		image: require(`@/assets/images/reactions/left-side/zzz.webp`),
 	},
 }
 
diff --git a/src/pages/bookmarks/index.vue b/src/pages/bookmarks/index.vue
index a12f0f672..76b94607f 100644
--- a/src/pages/bookmarks/index.vue
+++ b/src/pages/bookmarks/index.vue
@@ -32,6 +32,9 @@
 				:isDeleted="p.deleted"
 			/>
 		</article>
+		<p v-if="posts.length > 0" class="text-gray5 py-5 text-center text-sm" style="backdrop-filter: blur(10px)">
+			No more posts
+		</p>
 		<!-- Not loaded yet -->
 		<article v-if="isLoading" class="flex w-full justify-center">
 			<div class="loader modal-animation m-6"></div>
diff --git a/src/pages/discover/_category.vue b/src/pages/discover/_category.vue
index 41fe0e209..d96385b94 100644
--- a/src/pages/discover/_category.vue
+++ b/src/pages/discover/_category.vue
@@ -46,7 +46,7 @@
 			:style="
 				!scrollDown
 					? `min-height: calc(100vh - ` + `310px` + `); height: calc(100vh - ` + `310px` + `)`
-					: `min-height: calc(100vh - ` + `160px` + `); height: calc(100vh - ` + `160px` + `)`
+					: `min-height: calc(100vh - ` + `152px` + `); height: calc(100vh - ` + `152px` + `)`
 			"
 		>
 			<article
@@ -54,7 +54,7 @@
 				class="mt-12 grid justify-items-center overflow-y-hidden px-6 xl:px-0"
 			>
 				<p class="text-gray5 align-end mb-5 flex items-end text-sm" style="max-width: 366px">
-					It seems that there is no posts of that category yet
+					It seems there are no posts under this category yet
 				</p>
 				<SecondaryButton :text="`All categories`" :action="toggleCategories" />
 				<img :src="require(`@/assets/images/brand/Bookmarks.webp`)" class="top-0 mt-64 xl:-mt-2" />
@@ -75,7 +75,9 @@
 					:isDeleted="p.deleted"
 				/>
 			</article>
-			<p v-if="noMorePosts" class="text-gray5 py-5 text-center text-sm">No more posts</p>
+			<p v-if="noMorePosts" class="text-gray5 py-5 text-center text-sm" style="backdrop-filter: blur(10px)">
+				No more posts
+			</p>
 		</div>
 		<!-- Not loaded yet -->
 		<article v-show="isLoading" class="modal-animation flex w-full justify-center mt-20">
@@ -154,12 +156,6 @@ export default Vue.extend({
 			container.addEventListener(`scroll`, this.handleScrollHeader)
 		}
 	},
-	destroyed() {
-		const container = document.getElementById(`column`)
-		if (container) {
-			container.removeEventListener(`scroll`, this.handleScrollHeader)
-		}
-	},
 	methods: {
 		async fetchPosts(): Promise<(IRepostResponse | IPostResponse)[]> {
 			this.isLoading = true
@@ -170,10 +166,15 @@ export default Vue.extend({
 				offset: this.currentOffset,
 			})
 			this.currentOffset += this.limit
-			if (posts.length === 0) {
+			this.isLoading = false
+			// No more posts
+			if (posts.length < this.limit) {
 				this.noMorePosts = true
+				const container = document.getElementById(`column`)
+				if (container) {
+					container.removeEventListener(`scroll`, this.handleScrollHeader)
+				}
 			}
-			this.isLoading = false
 			return this.posts.concat(posts)
 		},
 		async toggleFriend(authorID: string) {
diff --git a/src/pages/help/index.vue b/src/pages/help/index.vue
index f0f6e6742..01513cd06 100644
--- a/src/pages/help/index.vue
+++ b/src/pages/help/index.vue
@@ -41,15 +41,15 @@
 					</div>
 					<div :class="isOpen2 ? `` : `is-closed`" class="message-body w-full xl:w-10/12">
 						<div class="message-content text-gray5 py-2 text-sm">
-							It’s an important tool to implement our broader idea of decentralization, enhancing writers’ freedom of
-							speech and overall independence. <br /><br />
-							We use the NEAR protocol to manage the flow of user activity on the platform, with users’ content stored
-							to OrbitDB. The latter is a decentralized database that ensures immutability the replication of data
-							across multiple nodes. Thus the content is more resistant to censorship. <br /><br />
-							This is a fundamental change from existing social networks’ use of company-controlled servers that
-							ultimately give those companies say in who gets to post what, and when. <br /><br />
-							In the future, we also plan to add blockchain-based features to enable payments to creators for their work
-							and transparent, community-based governance of the Blogchain platform.
+							Blockchain is an important tool used to implement our broader idea of decentralization, which ultimately
+							enhances the independence and freedom of speech for writers. <br /><br />
+							We use the NEAR protocol to manage the flow of user activity on the platform. User content is stored to
+							OrbitDB, which is a decentralized database that ensures immutability across multiple nodes. This ensures a
+							greater resistance against censorship often found on centralized platforms. Such social network platforms
+							use company controlled servers that ultimately give them sole authority on who gets to post what and when.
+							<br /><br />
+							In the future, we also plan to implement blockchain-based features that enable payments to creators for
+							their work, as well as community-based governance of the Blogchain platform.
 						</div>
 					</div>
 				</article>
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index 7be05a257..f17e06982 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -33,7 +33,7 @@
 			<div
 				v-if="posts"
 				ref="container"
-				class="xl:w-748 min-h-180 h-180 xl:min-h-200 xl:h-200 modal-animation fixed w-full overflow-y-auto"
+				class="xl:w-748 min-h-180 h-180 xl:min-h-220 xl:h-220 modal-animation fixed w-full overflow-y-auto"
 			>
 				<div
 					v-if="!isLoading && algorithm === `FOLLOWING` && following.size === 0 && posts.length === 0"
@@ -76,6 +76,9 @@
 						@updateBookmarks="updateBookmarks"
 					/>
 				</article>
+				<p v-if="noMorePosts" class="text-gray5 py-5 text-center text-sm" style="backdrop-filter: blur(10px)">
+					No more posts
+				</p>
 			</div>
 			<!-- Not loaded yet -->
 			<article v-show="isLoading" class="modal-animation flex h-screen w-full justify-center pt-12">
@@ -100,6 +103,7 @@ interface IData {
 	algorithm: Algorithm
 	currentOffset: number
 	limit: number
+	noMorePosts: boolean
 }
 
 export default Vue.extend({
@@ -124,6 +128,7 @@ export default Vue.extend({
 			isLoading: true,
 			currentOffset: 0,
 			limit: 10,
+			noMorePosts: false,
 		}
 	},
 	head() {
@@ -190,6 +195,7 @@ export default Vue.extend({
 			}
 			const container = this.$refs.container as HTMLElement
 			container.addEventListener(`scroll`, this.handleScroll)
+			this.noMorePosts = false
 			this.posts = []
 			this.currentOffset = 0
 			this.isLoading = true
@@ -200,9 +206,11 @@ export default Vue.extend({
 		async loadPosts() {
 			const res = await this.fetchPosts(this.algorithm)
 			this.posts = this.posts.concat(res)
+			// When no more posts
 			if (res.length === 0) {
 				const container = this.$refs.container as HTMLElement
 				container.removeEventListener(`scroll`, this.handleScroll)
+				this.noMorePosts = true
 			}
 		},
 		handleScroll(e: Event) {
diff --git a/src/pages/id/_id/index.vue b/src/pages/id/_id/index.vue
index cc49eca7a..d16b24dfd 100644
--- a/src/pages/id/_id/index.vue
+++ b/src/pages/id/_id/index.vue
@@ -27,6 +27,9 @@
 				:isDeleted="p.deleted"
 			/>
 		</article>
+		<p v-if="noMorePosts" class="text-gray5 py-5 text-center text-sm" style="backdrop-filter: blur(10px)">
+			No more posts
+		</p>
 		<article v-show="isLoading" class="modal-animation flex justify-center">
 			<div class="loader m-10"></div>
 		</article>
@@ -46,6 +49,7 @@ interface IData {
 	currentOffset: number
 	limit: number
 	algorithm: Algorithm
+	noMorePosts: boolean
 }
 
 export default Vue.extend({
@@ -74,6 +78,7 @@ export default Vue.extend({
 			currentOffset: 0,
 			limit: 10,
 			algorithm: `NEW`,
+			noMorePosts: false,
 		}
 	},
 	async created() {
@@ -99,6 +104,9 @@ export default Vue.extend({
 				container.removeEventListener(`scroll`, this.handleScroll)
 			}
 			this.currentOffset += this.limit
+			if (posts.length === 0 && this.currentOffset > 10) {
+				this.noMorePosts = true
+			}
 			this.isLoading = false
 			return this.posts.concat(posts)
 		},
diff --git a/src/pages/id/_id/reposts.vue b/src/pages/id/_id/reposts.vue
index 65c8d69a4..df18d7a7e 100644
--- a/src/pages/id/_id/reposts.vue
+++ b/src/pages/id/_id/reposts.vue
@@ -28,6 +28,9 @@
 				:isDeleted="p.deleted"
 			/>
 		</article>
+		<p v-if="noMorePosts" class="text-gray5 py-5 text-center text-sm" style="backdrop-filter: blur(10px)">
+			No more posts
+		</p>
 		<article v-show="isLoading" class="flex justify-center">
 			<div class="loader m-10"></div>
 		</article>
@@ -50,6 +53,7 @@ interface IData {
 	limit: number
 	following: Set<string>
 	algorithm: Algorithm
+	noMorePosts: boolean
 }
 
 export default Vue.extend({
@@ -70,6 +74,7 @@ export default Vue.extend({
 			limit: 10,
 			following: new Set(),
 			algorithm: `NEW`,
+			noMorePosts: false,
 		}
 	},
 	async created() {
@@ -92,13 +97,9 @@ export default Vue.extend({
 					{ authorID: this.$route.params.id },
 					{ sort: this.algorithm, offset: this.currentOffset, limit: this.limit },
 				)
-				// Remove deleted reposts
-				// res.forEach((post: IRepostResponse | any) => {
-				// 	if (post.deleted) {
-				// 		res.splice(res.indexOf(post), 1)
-				// 	}
-				// })
+				// When no more posts
 				if (res.length < this.limit) {
+					this.noMorePosts = true
 					const container = this.$parent.$refs.scrollContainer as HTMLElement
 					container.removeEventListener(`scroll`, this.handleScroll)
 				}
diff --git a/src/pages/register.vue b/src/pages/register.vue
index f681d9f3b..1a16171b7 100644
--- a/src/pages/register.vue
+++ b/src/pages/register.vue
@@ -5,7 +5,7 @@
 	>
 		<CapsuleIcon class="pt-6 pl-10" />
 		<section class="flex items-center justify-center" style="height: 86%">
-			<div v-show="isLoading" class="modal-animation flex w-full justify-center w-full xl:w-1/2 z-20">
+			<div v-show="isLoading" class="modal-animation flex w-full justify-center xl:w-1/2 z-20">
 				<div class="loader m-5 rounded-lg"></div>
 			</div>
 			<div v-show="!isLoading" class="-mt-5 flex w-full flex-col items-center px-14">
@@ -29,7 +29,7 @@
 				<!-- Step 2: Sign up -->
 				<div
 					v-show="!downloadKeyStep && (userInfo || nearWallet) && username === null"
-					class="flex w-full flex items-center justify-center"
+					class="flex w-full items-center justify-center"
 				>
 					<VerifyPhone
 						v-if="!hasEnoughFunds()"
diff --git a/src/pages/tag/_tag.vue b/src/pages/tag/_tag.vue
index fd28640e0..7839abc82 100644
--- a/src/pages/tag/_tag.vue
+++ b/src/pages/tag/_tag.vue
@@ -14,7 +14,7 @@
 		<div ref="container" class="xl:w-750 min-h-130 h-130 xl:min-h-150 xl:h-150 fixed w-full overflow-y-auto">
 			<article v-if="posts.length == 0" class="mt-36 grid justify-items-center overflow-y-hidden px-6 xl:px-0">
 				<p class="text-gray5 align-end mb-5 flex items-end text-sm" style="max-width: 366px">
-					It seems that there is no posts containing that topic yet
+					It seems there are no posts under this topic yet
 				</p>
 				<SecondaryButton :text="`Back home`" :action="toggleHomeFeed" />
 				<img :src="require(`@/assets/images/brand/Bookmarks.webp`)" class="top-0 mt-64 xl:-mt-2" />
@@ -35,6 +35,9 @@
 					:isDeleted="p.deleted"
 				/>
 			</article>
+			<p v-if="noMorePosts" class="text-gray5 py-5 text-center text-sm" style="backdrop-filter: blur(10px)">
+				No more posts
+			</p>
 		</div>
 		<!-- Not loaded yet -->
 		<article v-show="isLoading" class="flex w-full justify-center">
@@ -58,6 +61,7 @@ interface IData {
 	currentOffset: number
 	limit: number
 	algorithm: Algorithm
+	noMorePosts: boolean
 }
 
 export default Vue.extend({
@@ -76,6 +80,7 @@ export default Vue.extend({
 			currentOffset: 0,
 			limit: 10,
 			algorithm: `NEW`,
+			noMorePosts: false,
 		}
 	},
 	head() {
@@ -121,6 +126,9 @@ export default Vue.extend({
 				const container = this.$refs.container as HTMLElement
 				container.removeEventListener(`scroll`, this.handleScroll)
 			}
+			if (posts.length === 0 && this.currentOffset > 10) {
+				this.noMorePosts = true
+			}
 			this.isLoading = false
 			return this.posts.concat(posts)
 		},