diff --git a/client/src/components/RoomTile.svelte b/client/src/components/RoomTile.svelte
index f0f6724713123c139c0f245c9dc93381d0afb4c9..9949b75a01740c4acef59c002f0de94efe31910e 100644
--- a/client/src/components/RoomTile.svelte
+++ b/client/src/components/RoomTile.svelte
@@ -1,8 +1,8 @@
 <script>
-    import { roomsToDetachFrom, randomQueryString } from '../stores.js';
+    import { roomsToDetachFrom, randomQueryString, API_BASE_URL } from '../stores.js';
 
     export let uid;
-    $: previewSrc = "http://localhost:3000/api/preview/" + uid + $randomQueryString;
+    $: previewSrc = API_BASE_URL + "/preview/" + uid + $randomQueryString;
     export let url;
     export let name = '???';
     export let userCount = -1;
diff --git a/client/src/stores.js b/client/src/stores.js
index 011700fbb5a0376298582e2dba0cf367e5a6dbf2..1c370f874b9f5e991bb9ae5144750c37a28daa47 100644
--- a/client/src/stores.js
+++ b/client/src/stores.js
@@ -5,6 +5,7 @@ const POLL_FOR_UPDATES = true;
 const POLL_INTERVAL = 2500;
 const REFRESH_QUERY_STRING_INTERVAL = 5000;
 
+
 export const rooms = readable([], function start(set) {
   let fetchLock = false;
   const fetchRooms = async () => {