diff --git a/webui/src/pages/bug/labels/LabelMenu.tsx b/webui/src/pages/bug/labels/LabelMenu.tsx
index 5a70bd8a22c5dc689d3fd0cf4a8523c1f9f5f9e1..01be11d8e317225113eb4fd67cb628ff87a359a4 100644
--- a/webui/src/pages/bug/labels/LabelMenu.tsx
+++ b/webui/src/pages/bug/labels/LabelMenu.tsx
@@ -50,7 +50,7 @@ const CustomTextField = withStyles((theme) => ({
const ITEM_HEIGHT = 48;
const useStyles = makeStyles((theme) => ({
- element: {
+ gearBtn: {
...theme.typography.body2,
color: theme.palette.text.secondary,
padding: theme.spacing(0, 1),
@@ -61,15 +61,14 @@ const useStyles = makeStyles((theme) => ({
border: 'none',
},
menu: {
- witdh: 'auto',
- },
- itemActive: {
- fontWeight: 600,
- color: theme.palette.text.primary,
+ '& .MuiMenu-paper': {
+ //somehow using "width" won't override the default width...
+ minWidth: '35ch',
+ },
},
labelcolor: {
- width: '15px',
- height: '15px',
+ minWidth: '1rem',
+ minHeight: '1rem',
display: 'flex',
backgroundColor: 'blue',
borderRadius: '0.25rem',
@@ -82,7 +81,6 @@ const useStyles = makeStyles((theme) => ({
},
menuRow: {
display: 'flex',
- flexDirection: 'row',
alignItems: 'center',
flexWrap: 'wrap',
},
@@ -123,7 +121,7 @@ function FilterDropdown({