diff --git a/src/components/ui/HomepageTabs.svelte b/src/components/ui/HomepageTabs.svelte
index bb679853..f5f2d193 100644
--- a/src/components/ui/HomepageTabs.svelte
+++ b/src/components/ui/HomepageTabs.svelte
@@ -225,7 +225,7 @@
 					{@const lastReadVerse = $__lastRead.verse}
 					<a href="/{lastReadChapter}/{lastReadVerse}" class="{continueReadingButtonClasses} mb-2 truncate w-full" on:click={() => window.umami.track('Continue Chapter Button')}>
 						<span class="invisible chapter-icons mb-1 text-2xl md:text-3xl" style="color: {window.theme('icon')}">{@html `&#xE9${quranMetaData[lastReadChapter].icon};`}</span>
-						<span>
+						<span class="truncate">
 							Continue Reading:
 							{quranMetaData[lastReadChapter].transliteration}, {lastReadChapter}:{lastReadVerse}
 						</span>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 2a114a2e..501eb43f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -82,9 +82,9 @@
 			</div>
 		</a>
 		<button class="mt-8 rounded-full text-center px-4 py-3 flex flex-row items-center justify-center space-x-1 w-full z-10 {window.theme('bgSecondaryDark')}" on:click={() => __quranNavigationModalVisible.set(true)} data-umami-event="Homepage Search Bar">
-			<div class="flex flex-row justify-center">
+			<div class="flex flex-row justify-center truncate">
 				<span class="mt-[2px] mr-1"><Search size={6} /></span>
-				<span class="opacity-70">Navigate or Search Quran</span>
+				<span class="opacity-70 truncate">Navigate or Search Quran</span>
 			</div>
 		</button>
 	</div>