diff --git a/src/components/QueueSelector/QueueSelector.js b/src/components/QueueSelector/QueueSelector.js
index 8c912ba..5d8d45f 100644
--- a/src/components/QueueSelector/QueueSelector.js
+++ b/src/components/QueueSelector/QueueSelector.js
@@ -9,9 +9,9 @@ import { useToken } from "../AuthProvider/";
 
 export default function QueueSelector({ selectedQueues, setSelectedQueues }) {
     const [open, setOpen] = useState(false);
-    const [queues, setQueues] = useState([]);
+    const [queueCounts, setQueueCounts] = useState([]);
     const access_token = useToken();
-    const loading = open && queues.length === 0;
+    const loading = open && queueCounts.length === 0;
 
     useEffect( _ => {
         const getQueueCounts = async  _ => {
@@ -25,7 +25,7 @@ export default function QueueSelector({ selectedQueues, setSelectedQueues }) {
 
 			const apiResponse = await fetch(`/api/get_queues`, requestOptions);
 			const queueCountJson = await apiResponse.json();
-			setQueues(queueCountJson);
+			setQueueCounts(queueCountJson);
         };
 
         if (loading) {
@@ -36,9 +36,9 @@ export default function QueueSelector({ selectedQueues, setSelectedQueues }) {
 
     useEffect(() => {
         if (!open) {
-          setQueues([]);
+            setQueueCounts([]);
         }
-      }, [open]);
+    }, [open]);
 
     const theme = useTheme();
 
@@ -90,7 +90,7 @@ export default function QueueSelector({ selectedQueues, setSelectedQueues }) {
                     />
                 )}
                 
-                options={queues}
+                options={queueCounts}
                 onChange={handleChange}
                 getOptionLabel={(option) => `${option.name} (${option.number_of_items})`}
                 renderOption={optionRenderer}