diff --git a/app/components/PinnedDocuments.tsx b/app/components/PinnedDocuments.tsx
index 8d7da34ab..7ef31d01d 100644
--- a/app/components/PinnedDocuments.tsx
+++ b/app/components/PinnedDocuments.tsx
@@ -120,9 +120,10 @@ const List = styled.div`
   grid-template-columns: repeat(2, minmax(0, 1fr));
   padding: 0;
   list-style: none;
+  margin: 16px 0 32px;
 
-  &:not(:empty) {
-    margin: 16px 0 32px;
+  &:empty {
+    display: none;
   }
 
   ${breakpoint("tablet")`