diff --git a/frontend/components/DocumentPreview/DocumentPreview.js b/frontend/components/DocumentPreview/DocumentPreview.js
index 30cc0f845..6703e896f 100644
--- a/frontend/components/DocumentPreview/DocumentPreview.js
+++ b/frontend/components/DocumentPreview/DocumentPreview.js
@@ -19,13 +19,9 @@ const StyledStar = styled(StarIcon)`
   top: 2px;
   position: relative;
   margin-left: 4px;
-  opacity: ${props => (props.solid ? 1 : 0.25)};
+  opacity: ${props => (props.solid ? '1 !important' : 0)};
   transition: opacity 100ms ease-in-out;
 
-  &:hover {
-    opacity: 1;
-  }
-
   svg {
     width: 1em;
     height: 1em;
@@ -48,6 +44,14 @@ const DocumentLink = styled(Link)`
     background: ${color.smokeLight};
     border: 2px solid ${color.smoke};
     outline: none;
+
+    ${StyledStar} {
+      opacity: .25;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
   }
 
   &:focus {
diff --git a/server/presenters/document.js b/server/presenters/document.js
index 4dce75bb3..0ca0ea186 100644
--- a/server/presenters/document.js
+++ b/server/presenters/document.js
@@ -31,7 +31,7 @@ async function present(ctx: Object, document: Document, options: ?Options) {
     lastViewedAt: undefined,
     team: document.teamId,
     collaborators: [],
-    starred: !!document.starred,
+    starred: !!(document.starred && document.starred.length),
     collaboratorCount: undefined,
     collection: undefined,
     views: undefined,