diff --git a/public/fonts/KFGQPC Uthman Taha Naskh Regular.ttf b/public/fonts/KFGQPC-Uthman-Taha-Naskh-Regular.ttf
similarity index 100%
rename from public/fonts/KFGQPC Uthman Taha Naskh Regular.ttf
rename to public/fonts/KFGQPC-Uthman-Taha-Naskh-Regular.ttf
diff --git a/src/api/http.tsx b/src/api/http.tsx
index 8b51fc4..49f6dc0 100644
--- a/src/api/http.tsx
+++ b/src/api/http.tsx
@@ -1,13 +1,18 @@
 import axios from 'axios';
 
+let locale = "en" 
+if (typeof window !== 'undefined') {
+  
+  locale = localStorage.getItem('locale') || 'en';
+}
 const http = axios.create({
   baseURL: 'https://habibapp.com',
   // headers: {
   //   'Authorization': 'Token 36d8be53bed5cab8027b66952b3f2c334cdca664',
   // },
   params :{
-    language_code:"en"
+    language_code: locale
   }
 });
 
-export default http;
+export default http;
\ No newline at end of file
diff --git a/src/components/sidebar/list.tsx b/src/components/sidebar/list.tsx
index 4b01b60..d479f73 100644
--- a/src/components/sidebar/list.tsx
+++ b/src/components/sidebar/list.tsx
@@ -162,7 +162,7 @@ let locale : string ;
                 </div>
               </div>
 
-              <div className="text-2xl mt-1 text-[#292524] font-[UthmanTaha] mb-2 leading-relaxed">
+              <div className="text-2xl mt-1 text-[#292524] mb-2 leading-relaxed">
                 {colorizeVowels(currentDhikr)}
               </div>
 
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 696d974..e44ea73 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -12,7 +12,7 @@
     font-style: normal;
     font-weight: 400;
     font-display: swap;
-    src: url('/public/fonts/KFGQPC Uthman Taha Naskh Regular.ttf') format('truetype'); /* Correct file format */
+    src: url('/fonts/KFGQPC-Uthman-Taha-Naskh-Regular.ttf'); /* Correct file format */
   }
 
   /* Apply the custom font globally */