removing weird transparency...just change the height based on selections

packages/desktop/src/index.ts

@@ -42,7 +42,7 @@ const createWindow = (): void => {
     },
     icon: "./assets/1024x1024.icns",
 
-    transparent: true,
+    // transparent: true,
 
     // backgroundColor: "#00000000",
 
@@ -50,7 +50,7 @@ const createWindow = (): void => {
     roundedCorners: false,
   });
 
-  browserWindow.setBackgroundColor("#00000000");
+  // browserWindow.setBackgroundColor("#00000000");
 
   // browserWindow.setIgnoreMouseEvents(true);
   // browserWindow.setFocusable(true);

packages/desktop/src/pages/overlay/index.tsx

@@ -31,7 +31,7 @@ export default function Overlay() {
   };
 
   return (
-    <div className="flex flex-col bg-transparent max-w-sm">
+    <div className="flex flex-col max-w-sm">
       {[...Array(maxNumActiveStreams)].map((_n) => (
         <img
           className="w-fit"