diff --git a/src/ActivityPage.jsx b/src/ActivityPage.jsx
index edd603d1..a56865d0 100644
--- a/src/ActivityPage.jsx
+++ b/src/ActivityPage.jsx
@@ -102,15 +102,27 @@ const TabsButton = styled("Link")`
 return (
   <Wrapper className="container-xl" negativeMargin={selectedTab === "posts"}>
     <Tabs halfMargin={selectedTab === "apps"} noMargin={selectedTab === "posts"}>
-      <TabsButton href={`${activityUrl}?tab=posts`} selected={selectedTab === "posts"}>
+      <TabsButton
+        href={`${activityUrl}?tab=posts`}
+        selected={selectedTab === "posts"}
+        onClick={() => setSelectedTab("posts")}
+      >
         Posts
       </TabsButton>
 
-      <TabsButton href={`${activityUrl}?tab=apps`} selected={selectedTab === "apps"}>
+      <TabsButton
+        href={`${activityUrl}?tab=apps`}
+        selected={selectedTab === "apps"}
+        onClick={() => setSelectedTab("apps")}
+      >
         Components
       </TabsButton>
 
-      <TabsButton href={`${activityUrl}?tab=explore`} selected={selectedTab === "explore"}>
+      <TabsButton
+        href={`${activityUrl}?tab=explore`}
+        selected={selectedTab === "explore"}
+        onClick={() => setSelectedTab("explore")}
+      >
         Explore
       </TabsButton>
     </Tabs>