From 36a76603c1e72b237fe6e19c139061fb6db8a9c0 Mon Sep 17 00:00:00 2001
From: Ed Sungik Choi <sungik.dev@gmail.com>
Date: Tue, 28 Feb 2023 14:50:00 +0900
Subject: [PATCH] feat(button): change focused style

---
 packages/bezier-react/src/components/Button/Button.styled.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/bezier-react/src/components/Button/Button.styled.ts b/packages/bezier-react/src/components/Button/Button.styled.ts
index 88b76040c3..53ecf76236 100644
--- a/packages/bezier-react/src/components/Button/Button.styled.ts
+++ b/packages/bezier-react/src/components/Button/Button.styled.ts
@@ -6,7 +6,6 @@ import {
   isEmpty,
 } from 'Utils/typeUtils'
 import { Text } from 'Components/Text'
-import { focusedInputWrapperStyle } from 'Components/Forms/Inputs/mixins'
 import ButtonProps, { ButtonSize, ButtonStyleVariant, ButtonColorVariant } from './Button.types'
 
 // NOTE: ButtonSize 에 따른 버튼의 min-width, height
@@ -422,7 +421,7 @@ export const ButtonWrapper = styled.button<ButtonWrapperProps>`
   opacity: ${({ disabled }) => (disabled ? DisabledOpacity : 1)};
 
   &:focus {
-    ${focusedInputWrapperStyle};
+    outline: 3px solid var(--bgtxt-cobalt-light);
   }
 
   ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['background-color', 'box-shadow'])};