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] 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>,
             );