diff --git a/Resources/assets/gumpy/sass/_commons.scss b/Resources/assets/gumpy/sass/_commons.scss
index 5818c7e52..62fdc571d 100644
--- a/Resources/assets/gumpy/sass/_commons.scss
+++ b/Resources/assets/gumpy/sass/_commons.scss
@@ -7,3 +7,17 @@
     text-transform: capitalize;
 }
 
+input.belgian_national_number_inversed_date {
+    width: 7em;
+    margin-right: 1em;
+}
+
+input.belgian_national_number_daily_counter {
+    width: 4em;
+    margin-right: 1em;
+}
+
+input.belgian_national_number_control_digit {
+    width: 3em;
+}
+
diff --git a/Resources/public/css/chillmain.css b/Resources/public/css/chillmain.css
index aa76f5de5..febcac6f9 100644
--- a/Resources/public/css/chillmain.css
+++ b/Resources/public/css/chillmain.css
@@ -17,3 +17,9 @@ div#flashMessages .flash-notice { margin-top: 10px; margin-bottom: 10px; }
 .personName { font-variant: small-caps; text-transform: capitalize; }
 
 .personName { text-transform: capitalize; }
+
+input.belgian_national_number_inversed_date { width: 7em; margin-right: 1em; }
+
+input.belgian_national_number_daily_counter { width: 4em; margin-right: 1em; }
+
+input.belgian_national_number_control_digit { width: 3em; }
diff --git a/Resources/views/Form/fields.html.twig b/Resources/views/Form/fields.html.twig
index 71ec2f4dd..b79394550 100644
--- a/Resources/views/Form/fields.html.twig
+++ b/Resources/views/Form/fields.html.twig
@@ -98,6 +98,15 @@
     {% endif %}
 {% endspaceless %}
 {% endblock form_label %}
+        
+        
+{% block belgian_national_number_widget %}
+    {% spaceless %}
+        {{ form_widget(form.inversed_date, { 'attr': { 'class': 'input belgian_national_number_inversed_date'  } } ) }}
+        {{ form_widget(form.daily_counter, { 'attr': { 'class': 'input belgian_national_number_daily_counter' } } ) }}
+        {{ form_widget(form.control_digit, { 'attr': { 'class': 'input belgian_national_number_control_digit' } } ) }}
+    {% endspaceless %}
+{% endblock %}        
 
  
 {#