diff --git a/src/shared/Accordion/AccordionItemButton/AccordionItemButton.component.tsx b/src/shared/Accordion/AccordionItemButton/AccordionItemButton.component.tsx
index dffa5b9f6dc8ab7b44c80fd2ec1f350977327357..09603e0609e575f13e43dd5d4facdd18eb6763cf 100644
--- a/src/shared/Accordion/AccordionItemButton/AccordionItemButton.component.tsx
+++ b/src/shared/Accordion/AccordionItemButton/AccordionItemButton.component.tsx
@@ -1,23 +1,13 @@
-/* eslint-disable react/no-multi-comp */
-import { Icon } from '@/shared/Icon';
 import { AccordionItemButton as AIB } from 'react-accessible-accordion';
 import './AccordionItemButton.style.css';
+import { Variant } from './AccordionItemButton.types';
+import { getIcon } from './AccordionItemButton.utils';
 
-type Variant = 'expandable' | 'non-expandable';
 interface AccordionItemButtonProps {
   children: React.ReactNode;
   variant?: Variant;
 }
 
-const getIcon = (variant: Variant): JSX.Element => {
-  const variantsIcons: Record<Variant, JSX.Element> = {
-    expandable: <Icon name="chevron-down" className="arrow-button h-6 w-6 fill-font-500" />,
-    'non-expandable': <Icon name="chevron-right" className="h-6 w-6 fill-font-500" />,
-  };
-
-  return variantsIcons[variant];
-};
-
 export const AccordionItemButton = ({
   children,
   variant = 'expandable',
@@ -27,7 +17,6 @@ export const AccordionItemButton = ({
   return (
     <AIB className="accordion-button flex flex-row flex-nowrap justify-between">
       {children}
-      {/* <Icon name="chevron-down" className="arrow-button h-6 w-6 fill-font-500" /> */}
       {ButtonIcon}
     </AIB>
   );
diff --git a/src/shared/Accordion/AccordionItemButton/AccordionItemButton.types.ts b/src/shared/Accordion/AccordionItemButton/AccordionItemButton.types.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ae2054d23759807ce59d282febcc2c5a091ef045
--- /dev/null
+++ b/src/shared/Accordion/AccordionItemButton/AccordionItemButton.types.ts
@@ -0,0 +1 @@
+export type Variant = 'expandable' | 'non-expandable';
diff --git a/src/shared/Accordion/AccordionItemButton/AccordionItemButton.utils.tsx b/src/shared/Accordion/AccordionItemButton/AccordionItemButton.utils.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2d597a92b01655e0b73d72516d30717caa3c75c1
--- /dev/null
+++ b/src/shared/Accordion/AccordionItemButton/AccordionItemButton.utils.tsx
@@ -0,0 +1,11 @@
+import { Icon } from '@/shared/Icon';
+import { Variant } from './AccordionItemButton.types';
+
+export const getIcon = (variant: Variant): JSX.Element => {
+  const variantsIcons: Record<Variant, JSX.Element> = {
+    expandable: <Icon name="chevron-down" className="arrow-button h-6 w-6 fill-font-500" />,
+    'non-expandable': <Icon name="chevron-right" className="h-6 w-6 fill-font-500" />,
+  };
+
+  return variantsIcons[variant];
+};