Improve validation for desktop

src/global.scss

@@ -955,11 +955,11 @@ background: rgb(92, 92, 92);
 
 .date-hour-picker {
     margin-top: -6px;
-
+  
     label#mat-form-field-label-7 {
       display: none;
     }
-
+  
     .span.ng-tns-c193-4, .ng-star-inserted {
       // display: none;
     }
@@ -967,7 +967,7 @@ background: rgb(92, 92, 92);
     .ng-star-inserted{
       // display: none;
       position: absolute;
-      width: 447px;
+      width: 100%;
       height: 43px;
       opacity: 0;
       button {
@@ -975,7 +975,15 @@ background: rgb(92, 92, 92);
         height: 100%;
       }
     }
-}
+    button {
+      width: 100%;
+      height: 100%;
+    }
+  
+    .mat-datepicker-toggle, mat-datepicker-toggle {
+      width: 100%;
+    }
+  }
 
 .mat-active span {
     color: #0d89d1 !important;