diff --git a/frontend/components/DropdownMenu/DropdownMenu.js b/frontend/components/DropdownMenu/DropdownMenu.js
index e4ba99ac1..3e41ecba6 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 ded53d91f..a32da4724 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);