diff --git a/src/components/Connection/EPGLConnect/StepConsent.tsx b/src/components/Connection/EPGLConnect/StepConsent.tsx
index c9949c8a511912155d5322023151e475d05005ff..cb1a24861908f4440f7aff7f679d45db89a6dd70 100644
--- a/src/components/Connection/EPGLConnect/StepConsent.tsx
+++ b/src/components/Connection/EPGLConnect/StepConsent.tsx
@@ -1,3 +1,4 @@
+import { Checkbox } from '@material-ui/core'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import React from 'react'
 
@@ -27,9 +28,8 @@ const StepConsent = ({
         <li>{t('auth.eglgrandlyon.consentLi2')}</li>
       </ul>
       <label htmlFor="dataConsentEpgl" className="inline">
-        <input
+        <Checkbox
           id="dataConsentEpgl"
-          type="checkbox"
           className="inputCheckbox"
           checked={formConsent.dataConsent}
           onChange={e =>
@@ -44,9 +44,8 @@ const StepConsent = ({
         />
       </label>
       <label htmlFor="contractConfirm" className="inline">
-        <input
+        <Checkbox
           id="contractConfirm"
-          type="checkbox"
           className="inputCheckbox"
           checked={formConsent.contractConfirm}
           onChange={e =>