Calling css adjustments

stylesheets/_modules.scss

@@ -3551,7 +3551,7 @@ button.module-image__border-overlay:focus {
   &__header {
     color: #ffffff;
     font-style: normal;
-    padding-bottom: 24px;
+    padding-bottom: 19px;
     padding-top: calc(24px + var(--title-bar-drag-area-height));
     text-align: center;
     @include calling-text-shadow;
@@ -3670,7 +3670,6 @@ button.module-image__border-overlay:focus {
     top: 0;
     width: 100%;
     z-index: $z-index-above-base;
-    padding-bottom: 1rem;
     -webkit-app-region: drag;
   }
 
@@ -4001,11 +4000,11 @@ button.module-image__border-overlay:focus {
   display: flex;
   justify-content: flex-end;
   position: absolute;
-  top: calc(24px + var(--title-bar-drag-area-height));
+  top: calc(32px + var(--title-bar-drag-area-height));
   width: 100%;
 
   &__button {
-    margin-inline-end: 16px;
+    margin-inline-end: 12px;
   }
 
   &__button:last-child {

stylesheets/components/CallSettingsButton.scss

@@ -11,10 +11,10 @@
   border: none;
   border-radius: 40px;
   display: flex;
-  height: 32px;
+  height: 36px;
   justify-content: center;
   outline: none;
-  width: 32px;
+  width: 36px;
 
   @include keyboard-mode {
     &:focus {
@@ -25,8 +25,8 @@
 }
 
 .CallSettingsButton__Icon {
-  height: 18px;
-  width: 18px;
+  height: 20px;
+  width: 20px;
   border: none;
 }
 

stylesheets/components/CallingToast.scss

@@ -42,7 +42,7 @@
 
 .CallingButtonToasts .CallingToasts {
   position: absolute;
-  top: -16px;
+  top: -20px;
   transform: translateY(-100%);
   /* stylelint-disable-next-line liberty/use-logical-spec */
   left: 0;