diff --git a/client/src/components/Design/components/Carousel/Carousel.stories.tsx b/client/src/components/Design/components/Carousel/Carousel.stories.tsx
index 0a8b19930..235fc7f04 100644
--- a/client/src/components/Design/components/Carousel/Carousel.stories.tsx
+++ b/client/src/components/Design/components/Carousel/Carousel.stories.tsx
@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import type {Meta, StoryObj} from '@storybook/react';
 
 import Carousel from './Carousel';
diff --git a/client/src/components/Design/components/Carousel/CarouselDeleteButton.tsx b/client/src/components/Design/components/Carousel/CarouselDeleteButton.tsx
index 9f7154395..828195095 100644
--- a/client/src/components/Design/components/Carousel/CarouselDeleteButton.tsx
+++ b/client/src/components/Design/components/Carousel/CarouselDeleteButton.tsx
@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import Icon from '../Icon/Icon';
 
 import {deleteButtonStyle} from './Carousel.style';
diff --git a/client/src/components/Design/components/Carousel/CarouselIndicator.tsx b/client/src/components/Design/components/Carousel/CarouselIndicator.tsx
index 971fa7d3e..ea96b1043 100644
--- a/client/src/components/Design/components/Carousel/CarouselIndicator.tsx
+++ b/client/src/components/Design/components/Carousel/CarouselIndicator.tsx
@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import {useTheme} from '@components/Design/theme/HDesignProvider';
 
 import {indicatorContainerStyle, indicatorStyle} from './Carousel.style';
diff --git a/client/src/components/Design/components/Carousel/useCarousel.tsx b/client/src/components/Design/components/Carousel/useCarousel.ts
similarity index 100%
rename from client/src/components/Design/components/Carousel/useCarousel.tsx
rename to client/src/components/Design/components/Carousel/useCarousel.ts