diff --git a/app/ui/user/user-info-navigator/sign-button-group.tsx b/app/ui/user/user-info-navigator/sign-button-group.tsx
index e742835f..6db565ec 100644
--- a/app/ui/user/user-info-navigator/sign-button-group.tsx
+++ b/app/ui/user/user-info-navigator/sign-button-group.tsx
@@ -2,6 +2,8 @@ import { auth } from '@/app/business/user/user.query';
 import SignOutButton from './sign-out-button';
 import UserDeleteButton from './user-delete-button';
 import SignInLinkButton from './sign-in-link-button';
+import Button from '../../view/atom/button/button';
+import Link from 'next/link';
 
 export default async function SignButtonGroup() {
   const userInfo = await auth();
diff --git a/app/ui/user/user-info-navigator/sign-in-link-button.tsx b/app/ui/user/user-info-navigator/sign-in-link-button.tsx
index 902d93d3..9d32d52e 100644
--- a/app/ui/user/user-info-navigator/sign-in-link-button.tsx
+++ b/app/ui/user/user-info-navigator/sign-in-link-button.tsx
@@ -1,11 +1,15 @@
 'use client';
+import useDialog from '@/app/hooks/useDialog';
 import Button from '../../view/atom/button/button';
 import { useRouter } from 'next/navigation';
+import { DIALOG_KEY } from '@/app/utils/key/dialog-key.util';
 
 export default function SignInLinkButton() {
+  const { close } = useDialog(DIALOG_KEY.SIDE_NAVIGATION);
   const router = useRouter();
 
   const handleToLoginButtonClick = () => {
+    close();
     router.push('/sign-in');
   };
   return <Button onClick={handleToLoginButtonClick} size="sm" variant="text" label="로그인" />;