fix(orchestrator): fix dropdown look (#1344)

janus-idp · Mar 17, 2024 · 9284299 · 9284299
1 parent caf5201
commit 9284299
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/plugins/orchestrator/src/components/Selector.tsx b/plugins/orchestrator/src/components/Selector.tsx
@@ -11,9 +11,9 @@ const useStyles = makeStyles(theme => ({
     '& label + div': {
       marginTop: '0px',
     },
-    '& select': {
-      width: '7rem',
-    },
+  },
+  select: {
+    width: '10rem',
   },
   label: {
     color: theme.palette.text.primary,
@@ -53,14 +53,15 @@ export const Selector = ({
   return (
     <div className={styles.root}>
       <Typography className={styles.label}>{otherProps.label}</Typography>
-      <Select
-        onChange={handleChange}
-        items={selectItems}
-        selected={otherProps.selected}
-        margin="dense"
-        native
-        label={otherProps.label}
-      />
+      <div className={styles.select}>
+        <Select
+          onChange={handleChange}
+          items={selectItems}
+          selected={otherProps.selected}
+          margin="dense"
+          label={otherProps.label}
+        />
+      </div>
     </div>
   );
 };