style(mod queue): use default css for selectors

src/views/mod-queue/mod-queue.module.css

@@ -33,19 +33,9 @@
 
 .alertThresholdInput {
   width: 50px;
-  padding: 4px;
-  border: var(--mod-queue-table-border);
-  background: var(--mod-queue-header-background-color);
-  color: var(--body-font-color);
 }
 
-.alertThresholdUnitSelect {
+
-  padding: 4px;
-  border: var(--mod-queue-table-border);
-  background: var(--mod-queue-header-background-color);
-  color: var(--body-font-color);
-  margin-left: 4px;
-}
 
 .tableWrapper {
   border: var(--mod-queue-table-border);
@@ -286,12 +276,6 @@ span.reject:hover {
   gap: 8px;
 }
 
-.filterSelect {
-  padding: 4px;
-  border: var(--mod-queue-table-border);
-  background: var(--mod-queue-header-background-color);
-  color: var(--body-font-color);
-}
 
 /* ModQueueButton styles */
 .modQueueButtonCount {

src/views/mod-queue/mod-queue.tsx

@@ -240,7 +240,7 @@ const ModQueueBoardFilter = ({ subplebbits }: ModQueueBoardFilterProps) => {
   return (
     <div className={styles.filterContainer}>
       <label>{t('filter_by_board')}:</label>
-      <select className={styles.filterSelect} value={selectedBoardFilter || ''} onChange={handleChange}>
+      <select value={selectedBoardFilter || ''} onChange={handleChange}>
         <option value=''>{t('all_boards')}</option>
         {subplebbits.map((sub) => {
           const address = sub.address;
@@ -502,7 +502,6 @@ export const ModQueueView = ({ boardIdentifier: propBoardIdentifier }: ModQueueV
                       : alertThresholdValue;
                 setAlertThreshold(Math.max(1, newValue), newUnit);
               }}
-              className={styles.alertThresholdUnitSelect}
             >
               <option value='minutes'>{t('minutes')}</option>
               <option value='hours'>{t('hours')}</option>