diff --git a/src/features/auth/components/submit-button/SubmitButton.stories.tsx b/src/features/auth/components/submit-button/SubmitButton.stories.tsx
deleted file mode 100644
index 8eb4bf84..00000000
--- a/src/features/auth/components/submit-button/SubmitButton.stories.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import SubmitButton from './SubmitButton';
-
-const meta: Meta<typeof SubmitButton> = {
-  title: 'Auth/SubmitButton',
-  component: SubmitButton,
-};
-
-export default meta;
-type Story = StoryObj<typeof SubmitButton>;
-
-export const Default: Story = {
-  args: {
-    children: '로그인',
-  },
-};
diff --git a/src/features/auth/components/submit-button/SubmitButton.test.tsx b/src/features/auth/components/submit-button/SubmitButton.test.tsx
deleted file mode 100644
index cd7af184..00000000
--- a/src/features/auth/components/submit-button/SubmitButton.test.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
-import SubmitButton from './SubmitButton';
-
-describe('SubmitButton', () => {
-  it('버튼이 올바르게 렌더링되어야 한다', () => {
-    render(<SubmitButton>테스트 버튼</SubmitButton>);
-
-    const button = screen.getByRole('button');
-    expect(button).toBeInTheDocument();
-    expect(button).toHaveAttribute('type', 'submit');
-  });
-
-  it('children prop이 올바르게 표시되어야 한다', () => {
-    render(<SubmitButton>로그인</SubmitButton>);
-
-    expect(screen.getByText('로그인')).toBeInTheDocument();
-  });
-
-  it('isSubmitting prop이 true일 때 버튼이 비활성화되어야 한다', () => {
-    render(<SubmitButton isSubmitting>로그인</SubmitButton>);
-
-    expect(screen.getByRole('button')).toBeDisabled();
-  });
-});
diff --git a/src/features/auth/components/submit-button/SubmitButton.tsx b/src/features/auth/components/submit-button/SubmitButton.tsx
deleted file mode 100644
index aad48eab..00000000
--- a/src/features/auth/components/submit-button/SubmitButton.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-interface SubmitButtonProps {
-  children: React.ReactNode;
-  isSubmitting?: boolean;
-  disabled?: boolean;
-}
-
-function SubmitButton({
-  children,
-  isSubmitting = false,
-  disabled = false,
-}: SubmitButtonProps) {
-  return (
-    <button
-      type="submit"
-      disabled={isSubmitting || disabled}
-      className={`w-full rounded-lg p-2 text-sm text-white sm:p-3 sm:text-base ${
-        isSubmitting || disabled
-          ? 'cursor-not-allowed bg-gray-400'
-          : 'bg-orange-500 hover:bg-orange-600'
-      }`}
-    >
-      {children}
-    </button>
-  );
-}
-
-export default SubmitButton;
diff --git a/src/features/auth/container/login-form/LoginForm.tsx b/src/features/auth/container/login-form/LoginForm.tsx
index 51cf5e71..941030d9 100644
--- a/src/features/auth/container/login-form/LoginForm.tsx
+++ b/src/features/auth/container/login-form/LoginForm.tsx
@@ -2,7 +2,7 @@
 
 import React from 'react';
 import FormField from '../../components/form-field/FormField';
-import SubmitButton from '../../components/submit-button/SubmitButton';
+import Button from '@/components/button/Button';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { loginFormSchema, LoginFormData } from '../../types/loginFormSchema';
@@ -47,9 +47,14 @@ export default function LoginForm() {
             register={register('password')}
             error={errors.password?.message}
           />
-          <SubmitButton isSubmitting={isSubmitting} disabled={!isValid}>
-            로그인
-          </SubmitButton>
+          <Button
+            text="로그인"
+            size="large"
+            fillType="solid"
+            themeColor="green-normal-01"
+            isSubmitting={isSubmitting}
+            disabled={!isValid}
+          />
         </form>
       </div>
     </div>