Fix screenshare window zoomed appearance

stylesheets/components/CallingScreenSharingController.scss

@@ -2,11 +2,14 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 .module-CallingScreenSharingController {
-  align-items: center;
   display: flex;
+  width: 100%;
+  height: 100%;
+  padding-block: 9vh;
+  padding-inline: 3.3vw;
+  overflow: hidden;
+  align-items: center;
   justify-content: space-between;
-  padding-block: 4px;
-  padding-inline: 16px;
   @include draggable-region;
 
   &__text {
@@ -15,26 +18,32 @@
     text-overflow: ellipsis;
     user-select: none;
     white-space: nowrap;
-    width: 350px;
+    width: 73vw;
   }
 
   &__button {
+    height: 82vh;
+    padding-block: 18vh;
+    padding-inline: 3.5vw;
+    line-height: 45.5vh;
     white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   &__buttons {
     align-items: center;
     display: flex;
-    margin-inline-start: 6px;
+    margin-inline-start: 1.25vw;
     -webkit-app-region: no-drag;
   }
 
   &__close {
     @include button-reset;
     @include color-svg('../images/icons/v3/x/x.svg', $color-gray-25);
+    width: 4.5vw;
+    height: 45.5vh;
+    margin-inline-start: 2.5vw;
     cursor: pointer;
-    margin-inline-start: 12px;
-    height: 20px;
-    width: 20px;
   }
 }