diff --git a/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte b/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte
index 8b572ba..c23106b 100644
--- a/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte
+++ b/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte
@@ -1,3 +1,9 @@
+<!--
+    Component: ControlsWrapper
+    Wrapper for the controls of the slider.
+    - Input to change the text
+    - Three combo controls with inputs and sliders for font-weight, font-size, and line-height
+-->
 <script lang="ts">
 import type { TypographyControl } from '$shared/lib';
 import { Input } from '$shared/shadcn/ui/input';
@@ -8,13 +14,37 @@ import AArrowUP from '@lucide/svelte/icons/a-arrow-up';
 import { Spring } from 'svelte/motion';
 
 interface Props {
+    /**
+     * Ref
+     */
     wrapper?: HTMLDivElement | null;
+    /**
+     * Slider position
+     */
     sliderPos: number;
+    /**
+     * Whether slider is being dragged
+     */
     isDragging: boolean;
+    /**
+     * Text to display
+     */
     text: string;
+    /**
+     * Container width
+     */
     containerWidth: number;
+    /**
+     * Weight control
+     */
     weightControl: TypographyControl;
+    /**
+     * Size control
+     */
     sizeControl: TypographyControl;
+    /**
+     * Height control
+     */
     heightControl: TypographyControl;
 }