diff --git a/packages/desktop/src/electron/constants.ts b/packages/desktop/src/electron/constants.ts
index 9a1bd08..47d3a5e 100644
--- a/packages/desktop/src/electron/constants.ts
+++ b/packages/desktop/src/electron/constants.ts
@@ -30,7 +30,7 @@ export const DimensionPresets = {
   // todo: typically just send whatever dimensions are needed
   overlayOnlyMode: {
     height: 800,
-    width: 400,
+    width: 325,
   },
 };
 
diff --git a/packages/desktop/src/index.ts b/packages/desktop/src/index.ts
index 44ee6df..b39c8b6 100644
--- a/packages/desktop/src/index.ts
+++ b/packages/desktop/src/index.ts
@@ -44,11 +44,13 @@ const createWindow = (): void => {
 
     transparent: true,
 
+    backgroundColor: "#00000000",
+
     frame: false,
     roundedCorners: false,
   });
 
-  browserWindow.setBackgroundColor("#00000000");
+  // browserWindow.setBackgroundColor("#00000000");
 
   // browserWindow.setIgnoreMouseEvents(true);
   // browserWindow.setFocusable(true);
diff --git a/packages/desktop/src/pages/overlay/index.tsx b/packages/desktop/src/pages/overlay/index.tsx
index 7f31369..90d217c 100644
--- a/packages/desktop/src/pages/overlay/index.tsx
+++ b/packages/desktop/src/pages/overlay/index.tsx
@@ -1,5 +1,12 @@
 export default function Overlay() {
+  //todo: change window size based on how many streams are being shown
+
   return (
-    <div className="flex flex-col bg-transparent">this is the overlay</div>
+    <div className="flex flex-col bg-transparent">
+      <img
+        className="w w-fit"
+        src="https://miro.medium.com/max/1200/1*hONz6Wttkst4FUp_0hwQJQ.png"
+      />
+    </div>
   );
 }