Variables in custom animation get cut off

So my website uses a lot of variables, with the intent of making dark mode easy to make. The way it would work is that when you click a switch it changes the variables in the “Theme” category to other color variables.
However in the interaction menu when I open the drop down to select a variable to edit, the drop down menu gets cut off with no scroll bar. You also can’t just type the variable name.

Here is my public share link: [LINK](Webflow - Tech Heroes)
Screenshot 2024-01-17 200553

(how to access public share link)