diff --git a/src/routes/(console)/project-[project]/sites/(components)/siteCard.svelte b/src/routes/(console)/project-[project]/sites/(components)/siteCard.svelte
index a0005d9cc..11e4a2dc8 100644
--- a/src/routes/(console)/project-[project]/sites/(components)/siteCard.svelte
+++ b/src/routes/(console)/project-[project]/sites/(components)/siteCard.svelte
@@ -24,6 +24,7 @@
     import { app } from '$lib/stores/app';
     import { base } from '$app/paths';
     import { isCloud } from '$lib/system';
+    import { getApiEndpoint } from '$lib/stores/sdk';
 
     export let deployment: Models.Deployment;
     export let proxyRuleList: Models.ProxyRuleList = { total: 0, rules: [] };
@@ -49,7 +50,11 @@
 
     function getFilePreview(fileId: string) {
         // TODO: @Meldiron use sdk.forConsole.storage.getFilePreview
-        return `http://localhost/v1/storage/buckets/screenshots/files/${fileId}/view?project=console&mode=admin`;
+        const endpoint = getApiEndpoint();
+        return (
+            endpoint +
+            `/storage/buckets/screenshots/files/${fileId}/view?project=console&mode=admin`
+        );
     }
 </script>
 
diff --git a/src/routes/(console)/project-[project]/sites/grid.svelte b/src/routes/(console)/project-[project]/sites/grid.svelte
index 224eb1bd6..394c3e877 100644
--- a/src/routes/(console)/project-[project]/sites/grid.svelte
+++ b/src/routes/(console)/project-[project]/sites/grid.svelte
@@ -15,6 +15,7 @@
     import { getFrameworkIcon } from './store';
     import { SvgIcon } from '$lib/components';
     import { app } from '$lib/stores/app';
+    import { getApiEndpoint } from '$lib/stores/sdk';
 
     export let siteList: Models.SiteList;
     export let deployments: Models.Deployment[];
@@ -39,7 +40,11 @@
 
     function getFilePreview(fileId: string) {
         // TODO: @Meldiron use sdk.forConsole.storage.getFilePreview
-        return `http://localhost/v1/storage/buckets/screenshots/files/${fileId}/view?project=console&mode=admin`;
+        const endpoint = getApiEndpoint();
+        return (
+            endpoint +
+            `/storage/buckets/screenshots/files/${fileId}/view?project=console&mode=admin`
+        );
     }
 </script>