From e081d8c9ae12bd65efd42e7e5f57628d0d40543e Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Mon, 4 May 2020 16:47:51 +0500
Subject: [PATCH] ui: vertical more button on list item unaligned

---
 apps/web/src/components/list-item/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/list-item/index.js b/apps/web/src/components/list-item/index.js
index 769494139..e67167740 100644
--- a/apps/web/src/components/list-item/index.js
+++ b/apps/web/src/components/list-item/index.js
@@ -143,6 +143,7 @@ function ListItem(props) {
           sx={{
             flex: "1 1 auto",
             paddingTop: props.pinned ? 4 : 0,
+            width: "90%",
             ":hover": {
               cursor: "pointer",
             },
@@ -183,7 +184,6 @@ function ListItem(props) {
         {props.menuItems && (
           <Icon.MoreVertical
             size={22}
-            strokeWidth={2}
             color="icon"
             sx={{ marginRight: -1 }}
             onClick={(e) => {