diff --git a/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html b/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html
index a089f0d839658a35fa8f2ad1020a0f67b0dfcdb9..3e797295fb2f39008960736c9d27b54185d3223b 100644
--- a/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html
+++ b/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html
@@ -218,7 +218,7 @@
                     <f:translate key="frontend.apply.applyAsNow" arguments="{0: '{job.title}'}" />
                 </h2>
             </f:if>
-            <f:form action="apply" class="was-validated" id="apply" controller="Joblist" method="post" name="applyData"
+            <f:form action="apply" class="needs-validation" novalidate="novalidate" id="apply" controller="Joblist" method="post" name="applyData"
                 object="{applyData}" enctype="multipart/form-data">
                 <f:if condition="{job}">
                     <f:then>
diff --git a/Resources/Public/Sass/Bootstrap5/_sg-jobs.scss b/Resources/Public/Sass/Bootstrap5/_sg-jobs.scss
index 529efd358c675516546fc1218131f9281ae6a7e4..c8e764e79703f117c2bcfc96a39f425c9ec043d5 100644
--- a/Resources/Public/Sass/Bootstrap5/_sg-jobs.scss
+++ b/Resources/Public/Sass/Bootstrap5/_sg-jobs.scss
@@ -1,11 +1,14 @@
-.dropzone {
+form.was-validated .dropzone {
     border-color: var(--b-form-invalid-border-color);
-    border-radius: var(--b-border-radius);
-    border-style: dashed;
 
     &.dz-started {
         border-color: var(--b-form-valid-border-color);
     }
+}
+
+.dropzone {
+    border-radius: var(--b-border-radius);
+    border-style: dashed;
 
     .dz-message {
         display: grid;