diff --git a/src/js/components/SurahIndex/index.tsx b/src/js/components/SurahIndex/index.tsx
index 23230fd25..8dd07c16b 100644
--- a/src/js/components/SurahIndex/index.tsx
+++ b/src/js/components/SurahIndex/index.tsx
@@ -59,7 +59,7 @@ export function SurahIndex({ locale, surahs, t }: Props) {
                   {formatNumber(locale, surah.id)}
                 </span>
               ) : (
-                <span className="flex items-center justify-center color-white background-secondary w-8 h-8 p-1 ml-5 rounded">
+                <span className="flex items-center font-extrabold justify-center color-white background-secondary w-8 h-8 p-1 ml-5 rounded">
                   {formatNumber(locale, surah.id)}
                 </span>
               )}