diff --git a/ui/src/common/StarButton.js b/ui/src/common/StarButton.js
index f0fee7342..bf68655c7 100644
--- a/ui/src/common/StarButton.js
+++ b/ui/src/common/StarButton.js
@@ -11,10 +11,10 @@ const useStyles = makeStyles({
   star: {
     color: (props) => props.color,
     visibility: (props) =>
-      props.starred
-        ? 'visible'
-        : props.visible === false
+      props.visible === false
         ? 'hidden'
+        : props.starred
+        ? 'visible'
         : 'inherit',
   },
 })