diff --git a/src/js/components/RandomSurah/index.tsx b/src/js/components/RandomSurah/index.tsx
index 1f9f81e..e95b7bc 100644
--- a/src/js/components/RandomSurah/index.tsx
+++ b/src/js/components/RandomSurah/index.tsx
@@ -1,10 +1,10 @@
 type Props = {
-  locale: string;
+  localeId: string;
 };
 
-export function RandomSurah({ locale }: Props) {
+export function RandomSurah({ localeId }: Props) {
   const randomId = Math.floor(Math.random() * Quran.surahs.length);
-  const href = `/${locale}/${randomId + 1}`;
+  const href = `/${localeId}/${randomId + 1}`;
   const ref = useRef();
 
   useEffect(() => {
diff --git a/src/js/index.tsx b/src/js/index.tsx
index 07230d3..e2b4298 100644
--- a/src/js/index.tsx
+++ b/src/js/index.tsx
@@ -52,7 +52,7 @@ const Main = (function () {
           t={t}
         />
         <SurahStream path="/:localeId/:surahId" t={t} />
-        <RandomSurah path="/:locale/random" />
+        <RandomSurah path="/:localeId/random" />
       </Router>
     );
   };