chore: adjust styling in Dashboard related components

src/components/pages/dashboard/DashboardProduction.tsx

@@ -441,10 +441,6 @@ const DashboardProduction = () => {
                   value={formik.values.startDate}
                   errorMessage={formik.errors.startDate}
                   onChange={formik.handleChange}
-                  className={{
-                    inputWrapper:
-                      'rounded-[8px] px-[12px] py-[10px] text-sm border-[#18181B]/10',
-                  }}
                   isError={
                     Boolean(formik.errors.startDate) &&
                     Boolean(formik.touched.startDate)
@@ -568,7 +564,6 @@ const DashboardProduction = () => {
                     Boolean(formik.touched.location)
                   }
                   className={{
-                    label: 'mb-[8px] text-xs font-semibold',
                     select: 'rounded-[8px] text-sm border-[#18181B]/10',
                   }}
                 />
@@ -742,9 +737,11 @@ const DashboardProduction = () => {
               </div>
             )}
 
-            <div className='w-full p-4'>
-              <AlertErrorList formErrorList={formErrorList} onClose={close} />
-            </div>
+            {formErrorList.length > 0 && (
+              <div className='w-full p-4'>
+                <AlertErrorList formErrorList={formErrorList} onClose={close} />
+              </div>
+            )}
 
             {/* Action Buttons */}
             <div className='flex justify-between gap-4 py-4 mt-8 border-t border-gray-300 bg-[#F9FAFB]'>