From 4ee532d65bbbeca66bc141184281de7a86a69c4d Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Mon, 18 Sep 2017 00:01:15 -0700
Subject: [PATCH] Fixed collection menu

---
 frontend/components/DropdownMenu/DropdownMenu.js | 2 --
 frontend/menus/CollectionMenu.js                 | 9 ++++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/components/DropdownMenu/DropdownMenu.js b/frontend/components/DropdownMenu/DropdownMenu.js
index e4ba99ac..3e41ecba 100644
--- a/frontend/components/DropdownMenu/DropdownMenu.js
+++ b/frontend/components/DropdownMenu/DropdownMenu.js
@@ -80,8 +80,6 @@ const Label = styled(Flex).attrs({
   justify: 'center',
   align: 'center',
 })`
-  width: 22px;
-  height: 22px;
   z-index: 1000;
   cursor: pointer;
 `;
diff --git a/frontend/menus/CollectionMenu.js b/frontend/menus/CollectionMenu.js
index ded53d91..a32da472 100644
--- a/frontend/menus/CollectionMenu.js
+++ b/frontend/menus/CollectionMenu.js
@@ -1,6 +1,8 @@
 // @flow
 import React, { Component } from 'react';
 import { inject, observer } from 'mobx-react';
+import styled from 'styled-components';
+
 import Collection from 'models/Collection';
 import UiStore from 'stores/UiStore';
 import Icon from 'components/Icon';
@@ -32,7 +34,7 @@ import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu';
 
     return (
       <DropdownMenu
-        label={label || <Icon type="MoreHorizontal" />}
+        label={label || <MoreIcon type="MoreHorizontal" />}
         onShow={onShow}
         onClose={onClose}
       >
@@ -45,4 +47,9 @@ import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu';
   }
 }
 
+const MoreIcon = styled(Icon)`
+  width: 22px;
+  height: 22px;
+`;
+
 export default inject('ui')(CollectionMenu);