diff --git a/app/ecolyo.ea6beaaa635ff7432c8a.js b/app/ecolyo.95f45c905c73216c17f9.js
similarity index 99%
rename from app/ecolyo.ea6beaaa635ff7432c8a.js
rename to app/ecolyo.95f45c905c73216c17f9.js
index c70c3b19036b0b0a6417c67684cbeb4159f1c72c..01aa3e5f6977208604c0f10de29e821e1cc2910b 100644
--- a/app/ecolyo.ea6beaaa635ff7432c8a.js
+++ b/app/ecolyo.95f45c905c73216c17f9.js
@@ -6063,9 +6063,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _core = __webpack_require__("rMFn");
 var _I18n = __webpack_require__("nUfk");
 var _react = _interopRequireDefault(__webpack_require__("ivGQ"));
-var _core = __webpack_require__("rMFn");
 var StepAddress = function StepAddress(_ref) {
   var _sgeState$zipCode;
   var sgeState = _ref.sgeState,
@@ -6076,10 +6076,7 @@ var StepAddress = function StepAddress(_ref) {
     className: "sge-step-container stepAddress"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "title text-22-bold"
-  }, t('auth.enedissgegrandlyon.addressTitle')), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "address",
-    className: "text-16-normal"
-  }, /*#__PURE__*/_react.default.createElement(_core.TextField, {
+  }, t('auth.enedissgegrandlyon.addressTitle')), /*#__PURE__*/_react.default.createElement(_core.TextField, {
     label: t('auth.enedissgegrandlyon.address'),
     variant: "outlined",
     type: "text",
@@ -6090,10 +6087,7 @@ var StepAddress = function StepAddress(_ref) {
     onChange: function onChange(e) {
       return _onChange('address', e.target.value);
     }
-  })), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "zipCode",
-    className: "text-16-normal"
-  }, /*#__PURE__*/_react.default.createElement(_core.TextField, {
+  }), /*#__PURE__*/_react.default.createElement(_core.TextField, {
     label: t('auth.enedissgegrandlyon.zipCode'),
     variant: "outlined",
     type: "number",
@@ -6104,10 +6098,7 @@ var StepAddress = function StepAddress(_ref) {
     onChange: function onChange(e) {
       return _onChange('zipCode', e.target.value, 5);
     }
-  })), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "city",
-    className: "text-16-normal"
-  }, /*#__PURE__*/_react.default.createElement(_core.TextField, {
+  }), /*#__PURE__*/_react.default.createElement(_core.TextField, {
     label: t('auth.enedissgegrandlyon.city'),
     variant: "outlined",
     type: "text",
@@ -6118,7 +6109,7 @@ var StepAddress = function StepAddress(_ref) {
     onChange: function onChange(e) {
       return _onChange('city', e.target.value);
     }
-  })));
+  }));
 };
 var _default = StepAddress;
 exports.default = _default;
@@ -14027,7 +14018,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 exports = module.exports = __webpack_require__("DjJv")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ninput.inputText,\ninput.inputNumber {\n  box-sizing: border-box;\n  border: 1px solid #7b7b7b;\n  background: transparent;\n  transition: all 300ms ease;\n  color: #e0e0e0;\n}\ninput.inputText:focus, input.inputText:focus-visible,\ninput.inputNumber:focus,\ninput.inputNumber:focus-visible {\n  border-color: #e3b82a;\n  outline: none;\n}\n\ninput.inputText {\n  appearance: none;\n  border-radius: 4px;\n  height: 45px;\n  width: 100%;\n  max-width: 280px;\n  padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n  border-radius: 2px;\n  height: 40px;\n  width: 60px;\n  max-width: 5rem;\n  text-align: center;\n}\n\ninput.inputCheckbox {\n  width: 24px;\n  min-width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  cursor: pointer;\n  appearance: none;\n  background: #121212;\n  position: relative;\n  border: solid 1px #7b7b7b;\n}\ninput.inputCheckbox:checked {\n  background: #e3b82a;\n  border-color: #e3b82a;\n}\ninput.inputCheckbox:checked:before, input.inputCheckbox:checked:after {\n  content: \"\";\n  position: absolute;\n  display: inline-block;\n  background: #121212;\n  border-radius: 0.5rem;\n}\ninput.inputCheckbox:checked:before {\n  width: 3px;\n  height: 12px;\n  left: 10px;\n  top: 4px;\n  transform: rotate(41deg);\n}\ninput.inputCheckbox:checked:after {\n  width: 3px;\n  height: 6px;\n  left: 5px;\n  top: 8px;\n  transform: rotate(133deg);\n}\n\n.sge-view {\n  box-sizing: border-box;\n  min-height: inherit;\n  width: inherit;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.sge-view .sge-container {\n  padding: 1rem;\n}\n.sge-view .sge-container .sge-step-container {\n  margin-top: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  color: #e0e0e0;\n  /* Chrome, Safari, Edge, Opera */\n  /* Firefox */\n}\n.sge-view .sge-container .sge-step-container .head {\n  margin-top: 1rem;\n}\n.sge-view .sge-container .sge-step-container .inline {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 10px;\n  cursor: pointer;\n}\n.sge-view .sge-container .sge-step-container .inline.inline {\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n}\n.sge-view .sge-container .sge-step-container .inline span span {\n  color: #e3b82a;\n}\n.sge-view .sge-container .sge-step-container label {\n  cursor: pointer;\n}\n.sge-view .sge-container .sge-step-container label.inline {\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n}\n.sge-view .sge-container .sge-step-container label span span {\n  color: #e3b82a;\n}\n.sge-view .sge-container .sge-step-container #zipCode {\n  max-width: 115px;\n}\n.sge-view .sge-container .sge-step-container input::-webkit-outer-spin-button,\n.sge-view .sge-container .sge-step-container input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.sge-view .sge-container .sge-step-container input[type=number] {\n  -moz-appearance: textfield;\n}\n.sge-view .sge-container .sge-step-container .btnText {\n  max-width: 280px;\n}\n.sge-view .sge-container .sge-step-container ul {\n  margin: 0;\n  padding: 0 1rem 1rem;\n  line-height: 130%;\n  border-bottom: 1px solid #7b7b7b;\n}\n.sge-view .sge-container .sge-step-container ul li {\n  margin: 0.5rem 0;\n}\n\n.sgeHintModal {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n}\n.sgeHintModal h1 {\n  text-align: center;\n  color: #e3b82a;\n  margin: 1rem 0;\n}\n.sgeHintModal .sgeHintModal-content {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.sgeHintModal .sgeHintModal-content p {\n  color: #e0e0e0;\n  margin: 0;\n  text-wrap: pretty;\n}\n.sgeHintModal .sgeHintModal-content .bill {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.sgeHintModal .sgeHintModal-content .bill p {\n  color: #e3b82a;\n}\n.sgeHintModal .sgeHintModal-content svg.prm {\n  width: 100%;\n  height: 180px;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ninput.inputText,\ninput.inputNumber {\n  box-sizing: border-box;\n  border: 1px solid #7b7b7b;\n  background: transparent;\n  transition: all 300ms ease;\n  color: #e0e0e0;\n}\ninput.inputText:focus, input.inputText:focus-visible,\ninput.inputNumber:focus,\ninput.inputNumber:focus-visible {\n  border-color: #e3b82a;\n  outline: none;\n}\n\ninput.inputText {\n  appearance: none;\n  border-radius: 4px;\n  height: 45px;\n  width: 100%;\n  max-width: 280px;\n  padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n  border-radius: 2px;\n  height: 40px;\n  width: 60px;\n  max-width: 5rem;\n  text-align: center;\n}\n\ninput.inputCheckbox {\n  width: 24px;\n  min-width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  cursor: pointer;\n  appearance: none;\n  background: #121212;\n  position: relative;\n  border: solid 1px #7b7b7b;\n}\ninput.inputCheckbox:checked {\n  background: #e3b82a;\n  border-color: #e3b82a;\n}\ninput.inputCheckbox:checked:before, input.inputCheckbox:checked:after {\n  content: \"\";\n  position: absolute;\n  display: inline-block;\n  background: #121212;\n  border-radius: 0.5rem;\n}\ninput.inputCheckbox:checked:before {\n  width: 3px;\n  height: 12px;\n  left: 10px;\n  top: 4px;\n  transform: rotate(41deg);\n}\ninput.inputCheckbox:checked:after {\n  width: 3px;\n  height: 6px;\n  left: 5px;\n  top: 8px;\n  transform: rotate(133deg);\n}\n\n.sge-view {\n  box-sizing: border-box;\n  min-height: inherit;\n  width: inherit;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.sge-view .sge-container {\n  padding: 1rem;\n}\n.sge-view .sge-container .sge-step-container {\n  margin-top: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  color: #e0e0e0;\n  /* Chrome, Safari, Edge, Opera */\n  /* Firefox */\n}\n.sge-view .sge-container .sge-step-container .head {\n  margin-top: 1rem;\n}\n.sge-view .sge-container .sge-step-container .inline {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 10px;\n  cursor: pointer;\n}\n.sge-view .sge-container .sge-step-container .inline.inline {\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n}\n.sge-view .sge-container .sge-step-container .inline span span {\n  color: #e3b82a;\n}\n.sge-view .sge-container .sge-step-container label {\n  cursor: pointer;\n}\n.sge-view .sge-container .sge-step-container label.inline {\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n}\n.sge-view .sge-container .sge-step-container label span span {\n  color: #e3b82a;\n}\n.sge-view .sge-container .sge-step-container #zipCode {\n  max-width: 115px;\n}\n.sge-view .sge-container .sge-step-container input::-webkit-outer-spin-button,\n.sge-view .sge-container .sge-step-container input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.sge-view .sge-container .sge-step-container input[type=number] {\n  -moz-appearance: textfield;\n}\n.sge-view .sge-container .sge-step-container .btnText {\n  max-width: 300px;\n}\n.sge-view .sge-container .sge-step-container ul {\n  margin: 0;\n  padding: 0 1rem 1rem;\n  line-height: 130%;\n  border-bottom: 1px solid #7b7b7b;\n}\n.sge-view .sge-container .sge-step-container ul li {\n  margin: 0.5rem 0;\n}\n\n.sgeHintModal {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n}\n.sgeHintModal h1 {\n  text-align: center;\n  color: #e3b82a;\n  margin: 1rem 0;\n}\n.sgeHintModal .sgeHintModal-content {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.sgeHintModal .sgeHintModal-content p {\n  color: #e0e0e0;\n  margin: 0;\n  text-wrap: pretty;\n}\n.sgeHintModal .sgeHintModal-content .bill {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.sgeHintModal .sgeHintModal-content .bill p {\n  color: #e3b82a;\n}\n.sgeHintModal .sgeHintModal-content svg.prm {\n  width: 100%;\n  height: 180px;\n}", ""]);
 
 
 
@@ -30800,6 +30791,11 @@ var theme = (0, _core.createTheme)({
       barColorPrimary: {
         backgroundColor: '#e3b82a'
       }
+    },
+    MuiInputBase: {
+      root: {
+        maxWidth: 300
+      }
     }
   }
 });
@@ -31447,10 +31443,7 @@ var StepIdentityAndPdl = function StepIdentityAndPdl(_ref) {
     className: "sge-step-container stepIdentity"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "title text-22-bold"
-  }, t('auth.enedissgegrandlyon.identityTitle')), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "firstName",
-    className: "text-16-normal"
-  }, /*#__PURE__*/_react.default.createElement(_core.TextField, {
+  }, t('auth.enedissgegrandlyon.identityTitle')), /*#__PURE__*/_react.default.createElement(_core.TextField, {
     label: t('auth.enedissgegrandlyon.firstName'),
     variant: "outlined",
     type: "text",
@@ -31462,10 +31455,8 @@ var StepIdentityAndPdl = function StepIdentityAndPdl(_ref) {
       return _onChange('firstName', e.target.value);
     },
     required: true
-  })), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "lastName",
-    className: "text-16-normal"
-  }, /*#__PURE__*/_react.default.createElement(_core.TextField, {
+    // style={{ maxWidth: 300 }}
+  }), /*#__PURE__*/_react.default.createElement(_core.TextField, {
     label: t('auth.enedissgegrandlyon.lastName'),
     variant: "outlined",
     type: "text",
@@ -31477,12 +31468,9 @@ var StepIdentityAndPdl = function StepIdentityAndPdl(_ref) {
       return _onChange('lastName', e.target.value);
     },
     required: true
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "title text-22-bold"
-  }, t('auth.enedissgegrandlyon.pdlTitle')), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "pdl",
-    className: "text-16-normal"
-  }, /*#__PURE__*/_react.default.createElement(_core.TextField, {
+  }, t('auth.enedissgegrandlyon.pdlTitle')), /*#__PURE__*/_react.default.createElement(_core.TextField, {
     label: t('auth.enedissgegrandlyon.pdlLabel'),
     variant: "outlined",
     id: "pdl",
@@ -31495,7 +31483,7 @@ var StepIdentityAndPdl = function StepIdentityAndPdl(_ref) {
     },
     inputMode: "numeric",
     required: true
-  })), /*#__PURE__*/_react.default.createElement(_core.Button, {
+  }), /*#__PURE__*/_react.default.createElement(_core.Button, {
     className: "btnText",
     onClick: toggleModal
   }, t('auth.enedissgegrandlyon.pdlModal.title')), /*#__PURE__*/_react.default.createElement(_SgeModalHint.default, {
diff --git a/index.html b/index.html
index 6d7b41562c1848035b86f71dd528bb2e024010fb..5be8d252b3b7609a2ac8e6aeae1d6d0facad5fc9 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.a5828d47e107029845d0.js"></script><script src="app/ecolyo.ea6beaaa635ff7432c8a.js"></script></div></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.a5828d47e107029845d0.js"></script><script src="app/ecolyo.95f45c905c73216c17f9.js"></script></div></body></html>
\ No newline at end of file