From 0ddfd9ee8c47506d8f29630bc10a42bc5d819692 Mon Sep 17 00:00:00 2001
From: Swapnil Raj <raj.swapnil99@gmail.com>
Date: Thu, 16 Jul 2020 20:15:28 +0530
Subject: [PATCH] Use rem to guard against font scaling breakages

---
 res/css/_font-sizes.scss           | 1 +
 res/css/views/elements/_Field.scss | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/res/css/_font-sizes.scss b/res/css/_font-sizes.scss
index 5b876ab11d..caa3a452b0 100644
--- a/res/css/_font-sizes.scss
+++ b/res/css/_font-sizes.scss
@@ -68,5 +68,6 @@ $font-49px: 4.9rem;
 $font-50px: 5.0rem;
 $font-51px: 5.1rem;
 $font-52px: 5.2rem;
+$font-78px: 7.8rem;
 $font-88px: 8.8rem;
 $font-400px: 40rem;
diff --git a/res/css/views/elements/_Field.scss b/res/css/views/elements/_Field.scss
index fc529b140b..7a6539748b 100644
--- a/res/css/views/elements/_Field.scss
+++ b/res/css/views/elements/_Field.scss
@@ -16,6 +16,8 @@ limitations under the License.
 
 /* TODO: Consider unifying with general input styles in _light.scss */
 
+@import "../../_font-sizes.scss";
+
 .mx_Field {
     display: flex;
     flex: 1;
@@ -191,5 +193,5 @@ limitations under the License.
 }
 
 .mx_Field .mx_CountryDropdown {
-    width: 78px;
+    width: $font-78px;
 }