diff --git a/src/components/common/BaseAutoComplete/BaseAutoComplete.styles.ts b/src/components/common/BaseAutoComplete/BaseAutoComplete.styles.ts
deleted file mode 100644
index accaeadf..00000000
--- a/src/components/common/BaseAutoComplete/BaseAutoComplete.styles.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import styled from 'styled-components';
-import { AutoComplete as BaseAutoComplete } from 'antd';
-
-export const AutoComplete = styled(BaseAutoComplete)`
- .ant-select-selection-search {
- input {
- font-size: ${({ theme }) => theme.fontSizes.md};
- }
- }
-`;
diff --git a/src/components/common/BaseAutoComplete/BaseAutoComplete.tsx b/src/components/common/BaseAutoComplete/BaseAutoComplete.tsx
index 369e481a..7037570e 100644
--- a/src/components/common/BaseAutoComplete/BaseAutoComplete.tsx
+++ b/src/components/common/BaseAutoComplete/BaseAutoComplete.tsx
@@ -1,7 +1,2 @@
-import * as S from './BaseAutoComplete.styles';
-
+export { AutoComplete as BaseAutoComplete } from 'antd';
export type { AutoCompleteProps as BaseAutoCompleteProps } from 'antd';
-
-export const BaseAutoComplete : React.FC = (props) => {
- return ;
-}
\ No newline at end of file
diff --git a/src/components/common/BaseCheckbox/BaseCheckbox.tsx b/src/components/common/BaseCheckbox/BaseCheckbox.tsx
index cd30b5f2..8abbc528 100644
--- a/src/components/common/BaseCheckbox/BaseCheckbox.tsx
+++ b/src/components/common/BaseCheckbox/BaseCheckbox.tsx
@@ -4,12 +4,16 @@ import * as S from './BaseCheckbox.styles';
export type BaseCheckboxProps = CheckboxProps;
-interface BaseCheckboxInterface extends React.FC {
+const Checkbox = React.forwardRef((props, ref) => {
+ return ;
+});
+
+type CheckboxForwardRef = typeof Checkbox;
+
+interface BaseCheckboxInterface extends CheckboxForwardRef {
Group: typeof S.CheckboxGroup;
}
-export const BaseCheckbox: BaseCheckboxInterface = (props) => {
- return ;
-};
+export const BaseCheckbox = Checkbox as BaseCheckboxInterface;
BaseCheckbox.Group = S.CheckboxGroup;
\ No newline at end of file