diff --git a/app/components/CollectionDescription.tsx b/app/components/CollectionDescription.tsx
index d0d0e2260..37f953fe4 100644
--- a/app/components/CollectionDescription.tsx
+++ b/app/components/CollectionDescription.tsx
@@ -165,7 +165,7 @@ const MaxHeight = styled.div`
   position: relative;
   max-height: 25vh;
   overflow: hidden;
-  margin: -12px -8px -8px;
+  margin: 8px -8px -8px;
   padding: 8px;
 
   &[data-editing="true"],
diff --git a/app/scenes/Collection.tsx b/app/scenes/Collection.tsx
index d33e8ac30..cec205498 100644
--- a/app/scenes/Collection.tsx
+++ b/app/scenes/Collection.tsx
@@ -170,12 +170,12 @@ function CollectionScene() {
                   </Tooltip>
                 )}
               </HeadingWithIcon>
-              <CollectionDescription collection={collection} />
 
               <PinnedDocuments
                 pins={pins.inCollection(collection.id)}
                 canUpdate={can.update}
               />
+              <CollectionDescription collection={collection} />
 
               <Documents>
                 <Tabs>