diff --git a/addons/website_event/views/event_templates.xml b/addons/website_event/views/event_templates.xml
index 60c9445ee3a..748a7b99837 100644
--- a/addons/website_event/views/event_templates.xml
+++ b/addons/website_event/views/event_templates.xml
@@ -541,20 +541,20 @@
                                     </strong>
                                 </h4>
                                 <div class="row d-none d-lg-flex">
-                                    <div class="col-4">
+                                    <div class="col-md">
                                         <strong>Name</strong>
                                     </div>
-                                    <div class="col-4">
+                                    <div class="col-md">
                                         <strong>Email</strong>
                                     </div>
-                                    <div class="col-4">
-                                        <strong>Phone <small>(optional)</small></strong>
+                                    <div class="col-md">
+                                        <strong>Phone <small class='lbl_optional'>(optional)</small></strong>
                                     </div>
                                 </div>
                                 <t t-foreach="range(1, ticket['quantity'] + 1)" t-as="att_counter" name="attendee_loop">
                                     <t t-set="counter" t-value="counter + 1"/>
                                     <div class="row py-2 o_wevent_registration_list_attendees">
-                                        <div class="col-12 col-lg-4">
+                                        <div class="col-md">
                                             <div class="mb-1 d-lg-none">
                                                 <strong>Name</strong>
                                             </div>
@@ -562,7 +562,7 @@
                                             <input class='form-control' type='text' t-attf-name="#{counter}-name" required="This field is required" t-att-placeholder="attendee_placeholder %counter"/>
                                         </div>
 
-                                        <div class="col-12 col-lg-4">
+                                        <div class="col-md">
                                             <div class="mt-1 d-lg-none">
                                                 <strong>Email</strong>
                                             </div>
@@ -570,9 +570,9 @@
                                                 <input class='form-control' type='email' t-attf-name="#{counter}-email" required="This field is required"/>
                                             </div>
                                         </div>
-                                        <div class="col-12 col-lg-4">
+                                        <div class="col-md">
                                             <div class="mt-1 d-lg-none">
-                                                <strong>Phone <small>(optional)</small></strong>
+                                                <strong>Phone <small class='lbl_optional'>(optional)</small></strong>
                                             </div>
                                             <input class='form-control' type='tel' t-attf-name="#{counter}-phone"/>
                                         </div>