diff --git a/src/shared/components/Box/Box.tsx b/src/shared/components/Box/Box.tsx
index 7d2a621d1..0911a87f8 100644
--- a/src/shared/components/Box/Box.tsx
+++ b/src/shared/components/Box/Box.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import styled from '@emotion/styled';
-import { AsProps, StyleProps } from '@/shared/styles';
-import { DefaultStyled } from '@/shared/styles/DefaultStyled.tsx';
+import { DefaultStyled } from '@/shared/styles';
+import type { AsProps, StyleProps } from '@/shared/types';
 
 type BoxProps = PropsWithChildren<StyleProps & AsProps>;
 
diff --git a/src/shared/components/HStack/HStack.tsx b/src/shared/components/HStack/HStack.tsx
index 2e5dc01f8..e169f77fe 100644
--- a/src/shared/components/HStack/HStack.tsx
+++ b/src/shared/components/HStack/HStack.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import styled from '@emotion/styled';
-import { AsProps, StyleProps } from '@/shared/styles';
-import { DefaultStyled } from '@/shared/styles/DefaultStyled.tsx';
+import { DefaultStyled } from '@/shared/styles';
+import type { AsProps, StyleProps } from '@/shared/types';
 
 type HStackProps = PropsWithChildren<StyleProps & AsProps>;
 
diff --git a/src/shared/components/VStack/VStack.tsx b/src/shared/components/VStack/VStack.tsx
index f2eabd5d0..2314aaeaa 100644
--- a/src/shared/components/VStack/VStack.tsx
+++ b/src/shared/components/VStack/VStack.tsx
@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
 import styled from '@emotion/styled';
-import { AsProps, DefaultStyled, StyleProps } from '@/shared/styles';
+import { DefaultStyled } from '@/shared/styles';
+import type { AsProps, StyleProps } from '@/shared/types';
 
 type VStackProps = PropsWithChildren<StyleProps & AsProps>;
 export const VStack = ({ children, ...props }: VStackProps) => <Root {...props}>{children}</Root>;
diff --git a/src/shared/styles/DefaultStyled.tsx b/src/shared/styles/DefaultStyled.tsx
index c260e1dc5..db2849e9f 100644
--- a/src/shared/styles/DefaultStyled.tsx
+++ b/src/shared/styles/DefaultStyled.tsx
@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { AsProps, StyleProps } from '@/shared/styles';
+import type { AsProps, StyleProps } from '@/shared/types';
 
 type DefaultStyledProps = StyleProps & AsProps;
 
diff --git a/src/shared/styles/index.ts b/src/shared/styles/index.ts
index a4c98f38e..ba9bdc6df 100644
--- a/src/shared/styles/index.ts
+++ b/src/shared/styles/index.ts
@@ -1,6 +1,4 @@
-export * from './AsProps.type';
 export * from './DefaultStyled';
 export * from './GlobalStyles';
 export * from './storybookControls';
-export * from './StyleProps.type';
 export * from './styleToken';
diff --git a/src/shared/types/index.ts b/src/shared/types/index.ts
new file mode 100644
index 000000000..e18aee0c4
--- /dev/null
+++ b/src/shared/types/index.ts
@@ -0,0 +1 @@
+export * from './props/index';
diff --git a/src/shared/styles/AsProps.type.ts b/src/shared/types/props/AsProps.type.ts
similarity index 100%
rename from src/shared/styles/AsProps.type.ts
rename to src/shared/types/props/AsProps.type.ts
diff --git a/src/shared/styles/StyleProps.type.ts b/src/shared/types/props/StyleProps.type.ts
similarity index 100%
rename from src/shared/styles/StyleProps.type.ts
rename to src/shared/types/props/StyleProps.type.ts
diff --git a/src/shared/types/props/index.ts b/src/shared/types/props/index.ts
new file mode 100644
index 000000000..ed4002e0a
--- /dev/null
+++ b/src/shared/types/props/index.ts
@@ -0,0 +1,2 @@
+export * from './AsProps.type';
+export * from './StyleProps.type';