diff --git a/web/app/components/BankAccounts.tsx b/web/app/components/BankAccounts.tsx
index 5937356..4877cb4 100644
--- a/web/app/components/BankAccounts.tsx
+++ b/web/app/components/BankAccounts.tsx
@@ -36,7 +36,7 @@ export default function BankAccounts({ bankDetails }) {
     bankAccounts.push(
       <BankAccount
         key={bank.bank.name}
-        bankLogoSrc={`http://localhost:8000/media/${bank.bank.logo}`}
+        bankLogoSrc={`https://api.foldbank.codingcoffee.me/media/${bank.bank.logo}`}
         bankName={bank.bank.name}
         bankFullName={bank.bank.name}
         bankAccountBalance={bank.balance.toLocaleString('en-IN')}
diff --git a/web/app/components/CenterLoading.tsx b/web/app/components/CenterLoading.tsx
index e4bc38c..1110abd 100644
--- a/web/app/components/CenterLoading.tsx
+++ b/web/app/components/CenterLoading.tsx
@@ -9,7 +9,7 @@ import styles from './centerCol.module.css'
 
 export default function CenterLoading() {
   const fetcher = (...args) => fetch(...args).then((res) => res.json())
-  const { data, error } = useSWR(`http://localhost:8000/api/v1/accounts/`, fetcher)
+  const { data, error } = useSWR(`https://api.foldbank.codingcoffee.me/api/v1/accounts/`, fetcher)
 
   if (error) return <div>Error: Failed to load</div>
   if (!data) return <div></div>
diff --git a/web/app/components/Dashboard.tsx b/web/app/components/Dashboard.tsx
index 96d679d..d1e89e0 100644
--- a/web/app/components/Dashboard.tsx
+++ b/web/app/components/Dashboard.tsx
@@ -14,7 +14,7 @@ export default function Dashboard({ bankDetails }) {
     total_balance += bank.balance
     banks.push(
       <Bank
-        bankLogoSrc={`http://localhost:8000/media/${bank.bank.logo}`}
+        bankLogoSrc={`https://api.foldbank.codingcoffee.me/media/${bank.bank.logo}`}
         bankName={bank.bank.name}
         bankBalance={bank.balance.toLocaleString('en-IN')}
       />
diff --git a/web/app/components/RecentTransactionsList.tsx b/web/app/components/RecentTransactionsList.tsx
index 3408f5c..19317d8 100644
--- a/web/app/components/RecentTransactionsList.tsx
+++ b/web/app/components/RecentTransactionsList.tsx
@@ -6,7 +6,7 @@ import SingleTransaction from './SingleTransaction'
 
 export default function RecentTransactionsList() {
   const fetcher = (...args) => fetch(...args).then((res) => res.json())
-  const { data, error } = useSWR(`http://localhost:8000/api/v1/transactions/`, fetcher)
+  const { data, error } = useSWR(`https://api.foldbank.codingcoffee.me/api/v1/transactions/`, fetcher)
 
   if (error) return <div>Error: Failed to load</div>
   if (!data) return <div></div>
diff --git a/web/app/components/Upcoming.tsx b/web/app/components/Upcoming.tsx
index e8749bd..67bb6cc 100644
--- a/web/app/components/Upcoming.tsx
+++ b/web/app/components/Upcoming.tsx
@@ -9,7 +9,7 @@ import RecurringPayment from './RecurringPayment'
 
 export default function Upcoming() {
   const fetcher = (...args) => fetch(...args).then((res) => res.json())
-  const { data, error } = useSWR(`http://localhost:8000/api/v1/recurringPayments/upcoming/`, fetcher)
+  const { data, error } = useSWR(`https://api.foldbank.codingcoffee.me/api/v1/recurringPayments/upcoming/`, fetcher)
 
   if (error) return <div>Error: Failed to load</div>
   if (!data) return <div></div>
diff --git a/web/next.config.js b/web/next.config.js
index 5f724cd..65b118d 100644
--- a/web/next.config.js
+++ b/web/next.config.js
@@ -13,7 +13,7 @@ const nextConfig = {
       },
       {
         protocol: 'https',
-        hostname: 'foldbank.codingcoffee.me',
+        hostname: 'api.foldbank.codingcoffee.me',
         port: '',
         pathname: '/**',
       },