From 15f94d37327f6574a1ea16070a0134b76247caa8 Mon Sep 17 00:00:00 2001
From: Swapnil Raj <raj.swapnil99@gmail.com>
Date: Thu, 16 Jul 2020 17:22:35 +0530
Subject: [PATCH 1/4] Update checkbox

---
 src/components/views/terms/InlineTermsAgreement.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/views/terms/InlineTermsAgreement.js b/src/components/views/terms/InlineTermsAgreement.js
index 55719fe57f..0501c1066c 100644
--- a/src/components/views/terms/InlineTermsAgreement.js
+++ b/src/components/views/terms/InlineTermsAgreement.js
@@ -19,6 +19,7 @@ import PropTypes from "prop-types";
 import {_t, pickBestLanguage} from "../../../languageHandler";
 import * as sdk from "../../..";
 import {objectClone} from "../../../utils/objects";
+import StyledCheckbox from "../elements/StyledCheckbox";
 
 export default class InlineTermsAgreement extends React.Component {
     static propTypes = {
@@ -90,8 +91,9 @@ export default class InlineTermsAgreement extends React.Component {
                 <div key={i} className='mx_InlineTermsAgreement_cbContainer'>
                     <div>{introText}</div>
                     <div className='mx_InlineTermsAgreement_checkbox'>
-                        <input type='checkbox' onChange={() => this._togglePolicy(i)} checked={policy.checked} />
+                      <StyledCheckbox onChange={() => this._togglePolicy(i)} checked={policy.checked}>
                         {_t("Accept")}
+                      </StyledCheckbox>
                     </div>
                 </div>,
             );

From 8de6863bf64b99bd64d45139deaa27dbe9b189dd Mon Sep 17 00:00:00 2001
From: Swapnil Raj <raj.swapnil99@gmail.com>
Date: Thu, 16 Jul 2020 18:12:11 +0530
Subject: [PATCH 2/4] Fix indentation

---
 src/components/views/terms/InlineTermsAgreement.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/views/terms/InlineTermsAgreement.js b/src/components/views/terms/InlineTermsAgreement.js
index 0501c1066c..5f6e276976 100644
--- a/src/components/views/terms/InlineTermsAgreement.js
+++ b/src/components/views/terms/InlineTermsAgreement.js
@@ -91,9 +91,9 @@ export default class InlineTermsAgreement extends React.Component {
                 <div key={i} className='mx_InlineTermsAgreement_cbContainer'>
                     <div>{introText}</div>
                     <div className='mx_InlineTermsAgreement_checkbox'>
-                      <StyledCheckbox onChange={() => this._togglePolicy(i)} checked={policy.checked}>
-                        {_t("Accept")}
-                      </StyledCheckbox>
+                        <StyledCheckbox onChange={() => this._togglePolicy(i)} checked={policy.checked}>
+                            {_t("Accept")}
+                        </StyledCheckbox>
                     </div>
                 </div>,
             );

From cb794af5f1099de3f9856ecbed16544ace33f0a9 Mon Sep 17 00:00:00 2001
From: Swapnil Raj <raj.swapnil99@gmail.com>
Date: Thu, 16 Jul 2020 19:07:15 +0530
Subject: [PATCH 3/4] Increase width for country code dropdown

---
 res/css/views/elements/_Field.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/res/css/views/elements/_Field.scss b/res/css/views/elements/_Field.scss
index cf5bc7ab41..fc529b140b 100644
--- a/res/css/views/elements/_Field.scss
+++ b/res/css/views/elements/_Field.scss
@@ -191,5 +191,5 @@ limitations under the License.
 }
 
 .mx_Field .mx_CountryDropdown {
-    width: 67px;
+    width: 78px;
 }

From ddb6104590d653ce987fc2ee4a0ce6619f0596b5 Mon Sep 17 00:00:00 2001
From: Swapnil Raj <raj.swapnil99@gmail.com>
Date: Thu, 16 Jul 2020 19:09:33 +0530
Subject: [PATCH 4/4] Revert "Increase width for country code dropdown"

This reverts commit cb794af5f1099de3f9856ecbed16544ace33f0a9.
---
 res/css/views/elements/_Field.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/res/css/views/elements/_Field.scss b/res/css/views/elements/_Field.scss
index fc529b140b..cf5bc7ab41 100644
--- a/res/css/views/elements/_Field.scss
+++ b/res/css/views/elements/_Field.scss
@@ -191,5 +191,5 @@ limitations under the License.
 }
 
 .mx_Field .mx_CountryDropdown {
-    width: 78px;
+    width: 67px;
 }