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