diff --git a/src/components/AreaMerchantHighlights.svelte b/src/components/AreaMerchantHighlights.svelte
index 33758e6..3195209 100644
--- a/src/components/AreaMerchantHighlights.svelte
+++ b/src/components/AreaMerchantHighlights.svelte
@@ -45,7 +45,9 @@
 					{/each}
 				</div>
 			{:else}
-				<p class="text-left text-primary dark:text-white">No boosted merchants in this area.</p>
+				<p class="text-center text-primary dark:text-white sm:text-left">
+					No boosted merchants in this area.
+				</p>
 			{/if}
 		</div>
 	</div>
@@ -74,7 +76,7 @@
 					{/each}
 				</div>
 			{:else}
-				<p class="text-left text-primary dark:text-white">
+				<p class="text-center text-primary dark:text-white sm:text-left">
 					No latest added in this area. You can <a
 						href="/add-location"
 						class="text-link transition-colors hover:text-hover">add a new merchant</a