learned and implemented default props

src/DevMenu/ui/Companies.tsx

@@ -81,7 +81,7 @@ export function Companies(): React.ReactElement {
                 <span className="text">Company:</span>
               </td>
               <td colSpan={3}>
-                <Select id="dev-companies-dropdown" className="dropdown" onChange={setCompanyDropdown} value={company}>
+                <Select id="dev-companies-dropdown" onChange={setCompanyDropdown} value={company}>
                   {Object.values(AllCompanies).map((company) => (
                     <MenuItem key={company.name} value={company.name}>
                       {company.name}

src/DevMenu/ui/Factions.tsx

@@ -114,7 +114,6 @@ export function Factions(props: IProps): React.ReactElement {
                   <Select
                     labelId="factions-select"
                     id="factions-dropdown"
-                    className="dropdown exp-input"
                     onChange={setFactionDropdown}
                     value={faction}
                     startAdornment={

src/DevMenu/ui/Servers.tsx

@@ -87,7 +87,7 @@ export function Servers(): React.ReactElement {
                 <span className="text">Server:</span>
               </td>
               <td colSpan={2}>
-                <Select id="dev-servers-dropdown" className="dropdown" onChange={setServerDropdown} value={server}>
+                <Select id="dev-servers-dropdown" onChange={setServerDropdown} value={server}>
                   {Object.values(AllServers).map((server) => (
                     <MenuItem key={server.hostname} value={server.hostname}>
                       {server.hostname}