diff --git a/docs/docs/react/components/AspectRatio.mdx b/docs/docs/react/components/AspectRatio.mdx
index 0f5d617ec..432e7d27b 100644
--- a/docs/docs/react/components/AspectRatio.mdx
+++ b/docs/docs/react/components/AspectRatio.mdx
@@ -3,9 +3,9 @@ import { AspectRatio } from '@modern-kit/react';
 
 # AspectRatio
 
-주어진 **[aspect-ratio](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio)** 비율에 맞게 가로/세로 비율을 편리하게 맞춰주는 컴포넌트입니다.
+주어진  **[aspect-ratio](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio)** 비율을 맞춰주기 위해 선언적으로 사용하는 유틸 컴포넌트입니다.
 
-미리 영역을 확보하여 Layout Shift를 방지하는데 효과적입니다.
+미리 영역을 확보하여 `Layout Shift`를 방지하는데 효과적입니다.
 
 <br />
 
diff --git a/packages/react/src/components/AspectRatio/AspectRatio.module.css b/packages/react/src/components/AspectRatio/AspectRatio.module.css
deleted file mode 100644
index 63360369e..000000000
--- a/packages/react/src/components/AspectRatio/AspectRatio.module.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.wrapper {
-  position: relative;
-  width: 100%;
-}
-
-.wrapper > * {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-}
diff --git a/packages/react/src/components/AspectRatio/AspectRatio.spec.tsx b/packages/react/src/components/AspectRatio/AspectRatio.spec.tsx
index f2bae18cf..a1aa7b702 100644
--- a/packages/react/src/components/AspectRatio/AspectRatio.spec.tsx
+++ b/packages/react/src/components/AspectRatio/AspectRatio.spec.tsx
@@ -3,7 +3,7 @@ import { describe, it, expect } from 'vitest';
 import { AspectRatio } from '.';
 
 describe('AspectRatio', () => {
-  it('자식 요소에 aspect-ratio 설정이 적용되어야 합니다.', () => {
+  it('paragraph 요소에 aspect-ratio 설정이 적용되어야 합니다.', () => {
     render(
       <AspectRatio ratio={16 / 9}>
         <p role="paragraph">Content</p>
diff --git a/packages/react/src/components/AspectRatio/index.tsx b/packages/react/src/components/AspectRatio/index.tsx
index 07edd5ef3..e0e9d75d0 100644
--- a/packages/react/src/components/AspectRatio/index.tsx
+++ b/packages/react/src/components/AspectRatio/index.tsx
@@ -9,22 +9,22 @@ interface AspectRatioProps {
 }
 
 /**
- * @description 주어진 aspect-ratio 비율에 맞게 가로/세로 비율을 편리하게 맞춰주는 컴포넌트입니다.
+ * @description 주어진 aspect-ratio 비율을 맞춰주기 위해 선언적으로 사용하는 유틸 컴포넌트입니다.
  *
- * 미리 영역을 확보하여 Layout Shift를 방지하는데 효과적입니다.
+ * 미리 영역을 확보하여 `Layout Shift`를 방지하는데 효과적입니다.
  *
- * @template T - 사용할 HTML 요소의 타입을 지정합니다. 기본값은 'div'입니다.
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio
  *
- * @param {PropsWithChildren<AspectRatioProps<T>>} props - 컴포넌트에 전달되는 속성들입니다.
+ * @param {AspectRatioProps} props - 컴포넌트에 전달되는 속성들입니다.
  * @param {number} props.ratio - 자식 요소의 가로 세로 비율을 지정합니다.
- * @param {React.ReactNode} props.children - 렌더링 할 자식요소 입니다.
+ * @param {JSX.Element} props.children - 렌더링 할 자식요소 입니다.
  *
- * @returns {JSX.Element} 주어진 비율에 맞춰 스타일이 적용된 래퍼 요소를 반환합니다.
+ * @returns {JSX.Element} 주어진 aspect-ratio 비율에 맞춰 스타일이 적용된 자식 요소를 반환합니다.
  *
  * @example
  * ```tsx
  * <AspectRatio ratio={16 / 9}>
- *  <img src={imgUrl} alt="placeholder" />
+ *  <img src={imgUrl} alt="image" />
  * </AspectRatio>
  * ```
  */