diff --git a/src/components/molecules/LoginForm/LoginForm.tsx b/src/components/molecules/LoginForm/LoginForm.tsx
index fa82335a..64ae222e 100644
--- a/src/components/molecules/LoginForm/LoginForm.tsx
+++ b/src/components/molecules/LoginForm/LoginForm.tsx
@@ -33,7 +33,7 @@ const LoginForm = ({ withSignInText }: LoginFormProps) => {
           icon={<Envelope />}
           placeholder="이메일"
           onChange={onChange}
-          style={{ width: '450px' }}
+          css={S.loginInputStyling}
         />
         <Input
           name="password"
@@ -43,7 +43,7 @@ const LoginForm = ({ withSignInText }: LoginFormProps) => {
           isError={isError}
           errorMessage={errorMessage}
           onChange={onChange}
-          style={{ width: '450px' }}
+          css={S.loginInputStyling}
         />
         <Button
           type="submit"
diff --git a/src/components/molecules/LoginForm/LoginFrom.style.ts b/src/components/molecules/LoginForm/LoginFrom.style.ts
index f7a0d1c8..2307b661 100644
--- a/src/components/molecules/LoginForm/LoginFrom.style.ts
+++ b/src/components/molecules/LoginForm/LoginFrom.style.ts
@@ -26,6 +26,10 @@ export const textStyling = css(typo.Main.Medium, {
   cursor: 'pointer',
 });
 
+export const loginInputStyling = css({
+  width: '450px',
+});
+
 export const loginBtnStyling = css({
   width: '536px',
 });