diff --git a/frontend/src/hooks/useCollections.ts b/frontend/src/hooks/useCollections.ts
index c9028ac9..555b5613 100644
--- a/frontend/src/hooks/useCollections.ts
+++ b/frontend/src/hooks/useCollections.ts
@@ -26,7 +26,7 @@ export interface CollectionUpdateRequest {
   cover_asset_id?: number;
 }
 
-const API_BASE_URL = process.env.REACT_APP_API_BASE_URL || 'http://localhost:8000';
+const API_BASE_URL = process.env.REACT_APP_API_URL || process.env.REACT_APP_API_BASE_URL || 'http://localhost:8000';
 
 export const useCollections = () => {
   const { getToken } = useAuth();
diff --git a/frontend/src/hooks/useContentAssets.ts b/frontend/src/hooks/useContentAssets.ts
index dd67214d..5cc9492f 100644
--- a/frontend/src/hooks/useContentAssets.ts
+++ b/frontend/src/hooks/useContentAssets.ts
@@ -49,7 +49,7 @@ export interface AssetListResponse {
   offset: number;
 }
 
-const API_BASE_URL = process.env.REACT_APP_API_BASE_URL || 'http://localhost:8000';
+const API_BASE_URL = process.env.REACT_APP_API_URL || process.env.REACT_APP_API_BASE_URL || 'http://localhost:8000';
 
 export const useContentAssets = (filters: AssetFilters = {}) => {
   const { getToken } = useAuth();