diff --git a/client/src/lib/Dashboard.svelte b/client/src/lib/Dashboard.svelte
index 4b36462..82091fd 100644
--- a/client/src/lib/Dashboard.svelte
+++ b/client/src/lib/Dashboard.svelte
@@ -49,6 +49,19 @@
       console.error("Failed to load club data:", err);
     }
   }
+async function openSpace(space) {
+  await fetch(`${API_BASE}/spaces/${space.id}/open`, {
+    method: "POST",
+    credentials: "include",
+  });
+
+  space.last_opened_at = new Date().toISOString();
+
+  window.open(space.access_url, "_blank");
+}
+
+  window.open(space.access_url, '_blank');
+}
 
   async function loadSpaceShareStatuses() {
     for (const space of spaces) {
@@ -722,14 +735,13 @@ $: filteredSpaces = sortedSpaces.filter(space => {
             {:else}
               {#if space.running || space.status?.toLowerCase() === "running"}
                 {#if space.access_url}
-                  <a
-                    href={space.access_url}
-                    target="_blank"
-                    rel="noopener noreferrer"
+                  <button
+                    type="button"
                     class="action-btn open"
+                    on:click={() => openSpace(space)}
                   >
                     Open
-                  </a>
+                  </button>
 
                   <button
                     type="button"
diff --git a/src/api/spaces/space.route.js b/src/api/spaces/space.route.js
index 0b84534..2b98fed 100644
--- a/src/api/spaces/space.route.js
+++ b/src/api/spaces/space.route.js
@@ -133,7 +133,17 @@ router.post("/:spaceId/favorite", async (req, res) => {
     res.status(500).json({ error: err.message });
   }
 });
+router.post('/:spaceId/open', async (req, res) => {
+  const { spaceId } = req.params;
+
+  await pg('spaces')
+    .where('id', spaceId)
+    .update({
+      last_opened_at: new Date()
+    });
 
+  res.json({ success: true });
+});
 router.post("/:spaceId/share/club", spaceShareLimiter, async (req, res) => {
   const { spaceId } = req.params;
   const { share } = req.body;