diff --git a/frontend/package.json b/frontend/package.json
index 5afaadc1..cb6be952 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -51,7 +51,7 @@
"eslint-plugin-simple-import-sort": "^10.0.0",
"eslint-plugin-storybook": "^0.6.12",
"html-webpack-plugin": "^5.5.3",
- "msw": "^1.2.2",
+ "msw": "1.2.1",
"prettier": "^3.0.0",
"process": "^0.11.10",
"react-refresh": "^0.14.0",
diff --git a/frontend/src/components/TopicCard/index.tsx b/frontend/src/components/TopicCard/index.tsx
index 29f37bcd..b64bf58f 100644
--- a/frontend/src/components/TopicCard/index.tsx
+++ b/frontend/src/components/TopicCard/index.tsx
@@ -51,9 +51,8 @@ const TopicCard = ({
$flexDirection="column"
$alignItems="center"
$justifyContent="center"
+ $backgroundColor="whiteGray"
$borderRadius="small"
- $backgroundImage={topicImage}
- $backgroundSize="360px 140px"
>
+
+ {topicImage}
+
{topicTitle}
@@ -100,4 +99,4 @@ const MultiSelectButton = styled.input`
}
`;
-export default TopicCard;
\ No newline at end of file
+export default TopicCard;
diff --git a/frontend/src/components/common/Box/index.ts b/frontend/src/components/common/Box/index.ts
index 9d9938b2..f3e11b63 100644
--- a/frontend/src/components/common/Box/index.ts
+++ b/frontend/src/components/common/Box/index.ts
@@ -7,7 +7,6 @@ import { radiusKey } from '../../../themes/radius';
export type BoxProps = {
display?: string;
width?: string;
- $minWidth?: string;
height?: string;
padding?: SpaceThemeKeys;
$backgroundColor?: colorThemeKey;
@@ -26,14 +25,10 @@ export type BoxProps = {
$borderBottom?: string;
$borderLeft?: string;
cursor?: string;
- $backgroundImage?: string;
- $backgroundSize?: string;
- $backdropFilter?: string;
};
const Box = styled.div`
display: ${({ display }) => display ?? 'block'};
- min-width: ${({ $minWidth }) => $minWidth };
background-color: ${({ $backgroundColor }) =>
$backgroundColor && theme.color[$backgroundColor]};
color: ${({ color }) => color && theme.color[color]};
@@ -55,8 +50,5 @@ const Box = styled.div`
border-bottom: ${({ $borderBottom }) => $borderBottom};
border-left: ${({ $borderLeft }) => $borderLeft};
cursor: ${({ cursor }) => cursor};
- background-image: url(${({ $backgroundImage }) => $backgroundImage}) ;
- background-size: ${({ $backgroundSize }) => $backgroundSize};
- backdrop-filter: ${({ $backdropFilter }) => $backdropFilter};
`;
-export default Box;
\ No newline at end of file
+export default Box;