From a2052318ad345f784fbb1354d4f94b37b8a1eee3 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Wed, 15 Nov 2017 22:28:12 -0800
Subject: [PATCH] Once you see it, you can't unsee it

---
 app/components/Layout/components/SidebarCollections.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/components/Layout/components/SidebarCollections.js b/app/components/Layout/components/SidebarCollections.js
index 91da910d0..e68f6f7f7 100644
--- a/app/components/Layout/components/SidebarCollections.js
+++ b/app/components/Layout/components/SidebarCollections.js
@@ -121,7 +121,7 @@ class CollectionLink extends Component {
           icon={<CollectionIcon expanded={expanded} color={collection.color} />}
           iconColor={collection.color}
         >
-          <Flex justify="space-between">
+          <CollectionName justify="space-between">
             {collection.name}
 
             <CollectionAction>
@@ -134,7 +134,7 @@ class CollectionLink extends Component {
                 open={this.menuOpen}
               />
             </CollectionAction>
-          </Flex>
+          </CollectionName>
 
           {expanded && (
             <Children column>
@@ -232,6 +232,10 @@ const DocumentLink = observer(
   }
 );
 
+const CollectionName = styled(Flex)`
+  padding: 0 0 4px;
+`;
+
 const CollectionAction = styled.a`
   position: absolute;
   right: 0;