diff --git a/src/components/FormInput/index.js b/src/components/FormInput/index.js
index 22e747c..8cd00b7 100644
--- a/src/components/FormInput/index.js
+++ b/src/components/FormInput/index.js
@@ -1,4 +1,6 @@
-import React, { useState } from "react";
+// it has style inside index.scss ---> // Start FormInput Component && end FormInput Component
+
+import React from "react";
 import { useForm } from "react-hook-form";
 
 import DateRangePicker from "../DateRangePicker";
@@ -9,8 +11,6 @@ import CustomSwitch from "../CustomSwitch";
 const FormInput = ({ items }) => {
   const { register, getValues } = useForm();
 
-  const [selectedInput, setSelectedInput] = useState(false);
-
   return (
     <div className="mx-auto w-fit mt-20 flex flex-row items-center justify-between divide-x-2 divide-[#F3F3F3] divide-x-reverse bg-white p-4 py-7 border border-gray-200 rounded-sm shadow-sm">
       <div className="flex-grow flex-1 flex flex-col gap-y-4 px-4">
diff --git a/src/index.scss b/src/index.scss
index 130c176..fc33393 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -37,6 +37,8 @@ body {
   border-radius: 50%;
 }
 
+// TODO Start FormInput Component
+
 .rmdp-container {
   display: flex !important;
   flex-direction: column-reverse;
@@ -47,6 +49,8 @@ body {
   transform: none !important;
 }
 
+// * end FormInput Component
+
 // TODO Start Alert Component
 
 // varibale Colors