diff --git a/web/src/app/_components/message-list-view.tsx b/web/src/app/_components/message-list-view.tsx
index 9eae019..5a5a092 100644
--- a/web/src/app/_components/message-list-view.tsx
+++ b/web/src/app/_components/message-list-view.tsx
@@ -263,7 +263,10 @@ function MessageListItem({
             <RollingText className="text-muted-foreground flex-grow text-sm">
               {state}
             </RollingText>
-            <Button onClick={handleOpen}>
+            <Button
+              variant={!openResearchId ? "default" : "outline"}
+              onClick={handleOpen}
+            >
               {!openResearchId ? "Open" : "Close"}
             </Button>
           </div>