diff --git a/src/components/atoms/Icons.tsx b/src/components/atoms/Icons.tsx index 2875f951..a71bde6a 100644 --- a/src/components/atoms/Icons.tsx +++ b/src/components/atoms/Icons.tsx @@ -1,8 +1,6 @@ import React from 'react'; import Image from 'next/image'; -import styled from '@emotion/styled'; - import { AccountIcon, ArrowDown, @@ -314,22 +312,20 @@ export const Icons: React.FC = ({ ); } - return ( - - {useCSSColor ? ( - - ) : ( - - )} - + return useCSSColor ? ( + + ) : ( + ); }; - -const Container = styled.div` - display: contents; -`; diff --git a/src/components/atoms/Select.tsx b/src/components/atoms/Select.tsx index d3dfbaab..d346be46 100644 --- a/src/components/atoms/Select.tsx +++ b/src/components/atoms/Select.tsx @@ -61,9 +61,6 @@ const ArrowIcon = transientStyled(Icons)<{ $isError: boolean; $isOpened: boolean right: 10px; transform: translateY(-50%); - width: 12px; - height: 12px; - transition: 0.25s; ${({ $isError, $isOpened }) => @@ -259,7 +256,7 @@ export const Select: React.FC & { setOpened((prev) => !prev)}> {label ?? placeholder} - +