diff --git a/components/LoginModal/index.tsx b/components/LoginModal/index.tsx
index 141cec85..d6886bf5 100644
--- a/components/LoginModal/index.tsx
+++ b/components/LoginModal/index.tsx
@@ -203,6 +203,7 @@ const LoginModal = (props: Props) => {
 
         <form className="form" onSubmit={login}>
           <Input
+            className="Bound"
             name="email"
             placeholder={t('modals.login.placeholders.email')}
             onChange={handleChange}
@@ -211,6 +212,7 @@ const LoginModal = (props: Props) => {
           />
 
           <Input
+            className="Bound"
             name="password"
             placeholder={t('modals.login.placeholders.password')}
             type="password"
diff --git a/components/SignupModal/index.tsx b/components/SignupModal/index.tsx
index 0ea8948d..87b19bca 100644
--- a/components/SignupModal/index.tsx
+++ b/components/SignupModal/index.tsx
@@ -295,6 +295,7 @@ const SignupModal = (props: Props) => {
 
         <form className="form" onSubmit={register}>
           <Input
+            className="Bound"
             name="username"
             placeholder={t('modals.signup.placeholders.username')}
             onChange={handleNameChange}
@@ -303,6 +304,7 @@ const SignupModal = (props: Props) => {
           />
 
           <Input
+            className="Bound"
             name="email"
             placeholder={t('modals.signup.placeholders.email')}
             onChange={handleNameChange}
@@ -311,6 +313,7 @@ const SignupModal = (props: Props) => {
           />
 
           <Input
+            className="Bound"
             name="password"
             placeholder={t('modals.signup.placeholders.password')}
             type="password"
@@ -320,6 +323,7 @@ const SignupModal = (props: Props) => {
           />
 
           <Input
+            className="Bound"
             name="confirm_password"
             placeholder={t('modals.signup.placeholders.password_confirm')}
             type="password"