Login&Signup error Msg margin 추가

client/src/components/Form/LoginForm.js

@@ -33,7 +33,7 @@ const LoginForm = () => {
                 placeholder="아이디"
                 {...formik.getFieldProps('userId')} />
               {formik.touched.userId && formik.errors.userId ? (
-                <div className="text-danger " style={{ fontSize: "10px" }}>{formik.errors.userId}</div>
+                <div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userId}</div>
               ) : null}
             </div>
             <div className="mb-3">
@@ -43,7 +43,7 @@ const LoginForm = () => {
                 placeholder="비밀번호"
                 {...formik.getFieldProps('password')} />
               {formik.touched.password && formik.errors.password ? (
-                <div className="text-danger" style={{ fontSize: "10px" }}>{formik.errors.password}</div>
+                <div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.password}</div>
               ) : null}
             </div>
             <div className="d-grid gap-2 mt-5">

client/src/components/Form/SignupForm.js

@@ -51,7 +51,7 @@ const SignupForm = () => {
                   style={{ boxShadow: "none", borderRadius: "0" }}
                   {...formik.getFieldProps('userId')} />
                 {formik.touched.userId && formik.errors.userId ? (
-                  <div className="text-danger" style={{ fontSize: "10px" }}>{formik.errors.userId}</div>
+                  <div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userId}</div>
                 ) : null}
               </div>
             </div>
@@ -63,7 +63,7 @@ const SignupForm = () => {
                   style={{ boxShadow: "none", borderRadius: "0" }}
                   {...formik.getFieldProps('password')} />
                 {formik.touched.password && formik.errors.password ? (
-                  <div className="text-danger" style={{ fontSize: "10px" }}>{formik.errors.password}</div>
+                  <div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.password}</div>
                 ) : null}
               </div>
             </div>
@@ -75,7 +75,7 @@ const SignupForm = () => {
                   style={{ boxShadow: "none", borderRadius: "0" }}
                   {...formik.getFieldProps('repassword')} />
                 {formik.touched.repassword && formik.errors.repassword ? (
-                  <div className="text-danger" style={{ fontSize: "10px" }}>{formik.errors.repassword}</div>
+                  <div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.repassword}</div>
                 ) : null}
               </div>
             </div>
@@ -87,7 +87,7 @@ const SignupForm = () => {
                   style={{ boxShadow: "none", borderRadius: "0" }}
                   {...formik.getFieldProps('userName')} />
                 {formik.touched.userName && formik.errors.userName ? (
-                  <div className="text-danger" style={{ fontSize: "10px" }}>{formik.errors.userName}</div>
+                  <div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userName}</div>
                 ) : null}
               </div>
             </div>
@@ -99,7 +99,7 @@ const SignupForm = () => {
                   style={{ boxShadow: "none", borderRadius: "0" }}
                   {...formik.getFieldProps('userStudNum')} />
                 {formik.touched.userStudNum && formik.errors.userStudNum ? (
-                  <div className="text-danger" style={{ fontSize: "10px" }}>{formik.errors.userStudNum}</div>
+                  <div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userStudNum}</div>
                 ) : null}
               </div>
             </div>