From ed2c79051e6c1eee9a365f192eb6207d88b59dd7 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Tue, 24 May 2022 15:49:04 +0000
Subject: [PATCH] Fix dropdown button size for picture-in-picture CallView
 (#8680)

---
 res/css/views/voip/CallView/_CallViewButtons.scss | 6 ++++--
 res/css/views/voip/_CallView.scss                 | 5 +++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/res/css/views/voip/CallView/_CallViewButtons.scss b/res/css/views/voip/CallView/_CallViewButtons.scss
index 4c375ee222..91d173bc07 100644
--- a/res/css/views/voip/CallView/_CallViewButtons.scss
+++ b/res/css/views/voip/CallView/_CallViewButtons.scss
@@ -24,6 +24,8 @@ limitations under the License.
 }
 
 .mx_CallViewButtons {
+    --CallViewButtons_dropdownButton-size: 16px;
+
     position: absolute;
     display: flex;
     justify-content: center;
@@ -65,8 +67,8 @@ limitations under the License.
         }
 
         &.mx_CallViewButtons_dropdownButton {
-            width: 16px;
-            height: 16px;
+            width: var(--CallViewButtons_dropdownButton-size);
+            height: var(--CallViewButtons_dropdownButton-size);
 
             position: absolute;
             right: 0;
diff --git a/res/css/views/voip/_CallView.scss b/res/css/views/voip/_CallView.scss
index 9e34134a7d..d3de2fa740 100644
--- a/res/css/views/voip/_CallView.scss
+++ b/res/css/views/voip/_CallView.scss
@@ -165,6 +165,11 @@ limitations under the License.
                 width: 34px;
                 height: 34px;
 
+                &.mx_CallViewButtons_dropdownButton {
+                    width: var(--CallViewButtons_dropdownButton-size);
+                    height: var(--CallViewButtons_dropdownButton-size);
+                }
+
                 &::before {
                     width: 22px;
                     height: 22px;