Update

Author: nextgenworldweather

src/styles/components/VideoConference.css

@@ -1,33 +1,15 @@
-.video-conference-container{
-  position: fixed;
-  right: 0px;
-  bottom: 0px;
-  width: 300px;
-  height: 450px;
-  background: #f0f8ff; /* Light blue tint background */
-  border-radius: 10px;
-  box-shadow: 0 6px 12px rgba(0, 83, 255, 0.15);
-  overflow: hidden;
-  z-index: 20;
-  border: 0px solid #0055ff;
-  transition: all 0.3s ease;
-  object-fit: contain;
-}
-
 .video-conference {
   position: fixed;
-  right: 0px;
-  bottom: 0px;
+  right: 20px;
+  bottom: 80px;
   width: 300px;
-  height: 450px;
   background: #f0f8ff; /* Light blue tint background */
   border-radius: 10px;
   box-shadow: 0 6px 12px rgba(0, 83, 255, 0.15);
   overflow: hidden;
   z-index: 20;
-  border: 0px solid #0055ff;
+  border: 2px solid #0055ff;
   transition: all 0.3s ease;
-  object-fit: contain;
 }
 
 .video-conference:hover {

src/utils/peerService.js

@@ -5,7 +5,7 @@ export const createPeer = () => {
   return new Peer(uuidv4(), {
     host: 'peerjs.com',
     port: 443,
-    path: '/',
+    path: '/peerjs',
     secure: true
   });
 };