diff --git a/src/Form/BookingParticipantType.php b/src/Form/BookingParticipantType.php
index 384453b..ebed6e3 100644
--- a/src/Form/BookingParticipantType.php
+++ b/src/Form/BookingParticipantType.php
@@ -168,9 +168,7 @@ class BookingParticipantType extends AbstractType
                 'label' => 'Geburtsdatum',
                 'widget' => 'text',
                 'input' => 'datetime_immutable',
-                'attr' => [
-                    'class' => 'flex items-center space-x-2',
-                ],
+                'html5' => false,
             ], $getFieldState('dateOfBirth')))
             ->add('gender', ChoiceType::class, $this->mergeFieldState([
                 'label' => 'Geschlecht',
diff --git a/templates/forms.html.twig b/templates/forms.html.twig
index 5a3849d..51ae533 100644
--- a/templates/forms.html.twig
+++ b/templates/forms.html.twig
@@ -201,6 +201,7 @@
         'year': 'Jahr'
     } -%}
     {%- set field_order = ['day', 'month', 'year'] -%}
+    {%- set attr = attr|merge({'class': (attr.class|default('') ~ ' flex items-center space-x-2')|trim}) -%}
     <div {{ block('widget_container_attributes') }}>
         {%- for field_name in field_order -%}
             {%- set child = form[field_name] -%}
@@ -211,6 +212,9 @@
             }) -%}
 
             {{- form_widget(child, {'attr': child_attr}) -}}
+            {% if not loop.last %}
+                <span class="block flex-shrink-0">.</span>
+            {% endif %}
         {%- endfor -%}
     </div>
 {%- endblock birthday_widget -%}