diff --git a/src/components/radio-group/radio-group.tsx b/src/components/radio-group/radio-group.tsx
index aef3109..1ed4475 100644
--- a/src/components/radio-group/radio-group.tsx
+++ b/src/components/radio-group/radio-group.tsx
@@ -2,8 +2,7 @@ import * as React from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { cn } from '@/lib/utils';
 
-interface RadioGroupProps
-  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
   direction?: 'horizontal' | 'vertical';
 }
 
@@ -11,41 +10,30 @@ interface RadioItemProps extends RadioGroupPrimitive.RadioGroupItemProps {
   children?: React.ReactNode;
 }
 
-const RadioGroup = React.forwardRef<
-  React.ElementRef<typeof RadioGroupPrimitive.Root>,
-  RadioGroupProps
->(({ children, direction = 'horizontal', ...props }, ref) => (
-  <RadioGroupPrimitive.Root
-    ref={ref}
-    className={cn('flex gap-1', { 'flex-col': direction === 'horizontal' })}
-    {...props}
-  >
-    {children}
-  </RadioGroupPrimitive.Root>
-));
+const RadioGroup = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Root>, RadioGroupProps>(
+  ({ children, direction = 'horizontal', ...props }, ref) => (
+    <RadioGroupPrimitive.Root ref={ref} className={cn('flex gap-1', { 'flex-col': direction === 'horizontal' })} {...props}>
+      {children}
+    </RadioGroupPrimitive.Root>
+  )
+);
 
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
 
-const RadioItem = ({
-  id,
-  value,
-  children,
-  disabled,
-  ...props
-}: RadioItemProps) => (
+const RadioItem = ({ id, value, children, disabled, ...props }: RadioItemProps) => (
   <div className="flex items-center gap-2 h-8 rounded-lg w-fit transition duration-200 py-1 px-2">
     <RadioGroupPrimitive.Item
       value={value}
       id={id}
       disabled={disabled}
-      className="peer border border-input-outline w-4 h-4 rounded-full enabled:hover:ring-8 enabled:hover:ring-coolGray-500/10 aria-checked:ring-input-informative aria-checked:border-4 enabled:aria-checked:border-input-filled transition duration-200 enabled:hover:cursor-pointer disabled:border-input-outline/45 disabled:hover:cursor-not-allowed"
+      className="peer border border-solid border-input-outline w-4 h-4 rounded-full enabled:hover:ring-8 enabled:hover:ring-input-outline-hover aria-checked:ring-input-selected-hover aria-checked:border-4 enabled:aria-checked:border-input-selected transition duration-200 enabled:hover:cursor-pointer disabled:border-input-outline/45 disabled:hover:cursor-not-allowed"
       {...props}
     >
       <RadioGroupPrimitive.Indicator />
     </RadioGroupPrimitive.Item>
 
     <label
-      className="text-secondary-foreground text-sm peer-hover:cursor-pointer peer-disabled:hover:cursor-not-allowed peer-focus:underline duration-200 transition peer-enabled:peer-aria-checked:text-highlighted-foreground peer-enabled:peer-aria-checked:decoration-input-filled peer-disabled:text-secondary-foreground/45"
+      className="text-secondary-foreground text-sm peer-hover:cursor-pointer peer-disabled:hover:cursor-not-allowed peer-focus:underline duration-200 transition peer-enabled:peer-aria-checked:text-highlighted-foreground peer-enabled:peer-aria-checked:decoration-input-selected peer-disabled:text-secondary-foreground/45"
       htmlFor={id}
     >
       {children}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 041e6a5..7c70b8d 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -34,22 +34,18 @@
     --border-divider-color: #e4e4e7;
     --border-cards-color: #3f3f4614;
     --border-input_filled-color: #9061f9;
-    --border-button_outlined-color: #71717a;
 
     --background-informative: #9061f914;
 
-    --bottom_sheet-2: 0px 0px 1px 1px rgba(0, 0, 0, 0.04),
-      0px 4px 16px -2px rgba(0, 0, 0, 0.08);
-    --modals-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.04),
-      0px -6px 24px -3px rgba(0, 0, 0, 0.08);
-    --dropdown-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.04),
-      0px 10px 40px -5px rgba(0, 0, 0, 0.08);
+    --bottom_sheet-2: 0px 0px 1px 1px rgba(0, 0, 0, 0.04), 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
+    --modals-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.04), 0px -6px 24px -3px rgba(0, 0, 0, 0.08);
+    --dropdown-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.04), 0px 10px 40px -5px rgba(0, 0, 0, 0.08);
 
     --button-solid-shadow: 0px 0px 0px 3px #9061f940;
 
     --list-hightlight--hover: 0px 0px 0px 3px rgba(14, 159, 110, 0.12);
     --list-actived: #9061f914;
-    --list-hover: #71717a0a;
+    --list-hover: #71717a14;
     --list-hightlight: rgba(14, 159, 110, 0.04);
     --list-label_default: #71717a;
 
@@ -70,11 +66,7 @@
     --text-error_accent: #c81e1e;
     --text-money: #0e9f6e;
 
-    --palette-gradiente-active_menu: linear-gradient(
-      270deg,
-      #7e3af200 0%,
-      #7e3af20b 100%
-    );
+    --palette-gradiente-active_menu: linear-gradient(270deg, #7e3af200 0%, #7e3af20b 100%);
 
     --icons-default: #71717a;
   }
@@ -110,11 +102,9 @@
     --border-cards-color: #fafafa14;
 
     --bottom_sheet-2: 0px 0px 1px 1px #0000007a, 0px -4px 16px -2px #0000007a;
-    --modals-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.04),
-      0px -6px 24px -3px rgba(0, 0, 0, 0.08);
+    --modals-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.04), 0px -6px 24px -3px rgba(0, 0, 0, 0.08);
     --button-solid-shadow: 0px 0px 0px 3px #9061f940;
-    --dropdown-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.04),
-      0px 10px 40px -5px rgba(0, 0, 0, 0.08);
+    --dropdown-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.04), 0px 10px 40px -5px rgba(0, 0, 0, 0.08);
 
     --list-hightlight--hover: 0px 0px 0px 3px rgba(14, 159, 110, 0.12);
     --list-actived: #ac94fa14;
@@ -139,11 +129,7 @@
     --text-error_accent: #f98080;
     --text-money: #31c48d;
 
-    --palette-gradiente-active_menu: linear-gradient(
-      270deg,
-      #ac94fa 0%,
-      #ac94fa00 100%
-    );
+    --palette-gradiente-active_menu: linear-gradient(270deg, #ac94fa 0%, #ac94fa00 100%);
 
     --icons-default: #e4e4e7;
   }
diff --git a/tailwind.config.js b/tailwind.config.js
index 847f561..424704f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,7 +2,7 @@ const config = {
   content: [
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/stories/**/*.{js,ts,jsx,tsx}',
-    './node_modules/@getpingback/ui/dist/**/*.{js,ts,jsx,tsx}',
+    './node_modules/@getpingback/ui/dist/**/*.{js,ts,jsx,tsx}'
   ],
   theme: {
     screens: {
@@ -10,7 +10,7 @@ const config = {
       md: '768px',
       lg: '1024px',
       xl: '1280px',
-      '2xl': '1440px',
+      '2xl': '1440px'
     },
     colors: {
       gray: {
@@ -23,7 +23,7 @@ const config = {
         600: '#52525b',
         700: '#3f3f46',
         800: '#27272a',
-        900: '#18181b',
+        900: '#18181b'
       },
       coolGray: {
         50: '#f9fafb',
@@ -35,7 +35,7 @@ const config = {
         600: '#4b5563',
         700: '#374151',
         800: '#1f2937',
-        900: '#111827',
+        900: '#111827'
       },
       red: {
         50: '#fdf2f2',
@@ -47,7 +47,7 @@ const config = {
         600: '#e02424',
         700: '#c81e1e',
         800: '#9b1c1c',
-        900: '#771d1d',
+        900: '#771d1d'
       },
       blue: {
         50: '#ebf5ff',
@@ -59,7 +59,7 @@ const config = {
         600: '#1c64f2',
         700: '#1a56db',
         800: '#1e429f',
-        900: '#233876',
+        900: '#233876'
       },
       green: {
         50: '#f3faf7',
@@ -71,7 +71,7 @@ const config = {
         600: '#057a55',
         700: '#046c4e',
         800: '#03543f',
-        900: '#014737',
+        900: '#014737'
       },
       yellow: {
         50: '#fdfdea',
@@ -83,7 +83,7 @@ const config = {
         600: '#9f580a',
         700: '#8e4b10',
         800: '#723b13',
-        900: '#633112',
+        900: '#633112'
       },
       orange: {
         50: '#fff8f1',
@@ -95,7 +95,7 @@ const config = {
         600: '#d03801',
         700: '#b43403',
         800: '#8a2c0d',
-        900: '#771d1d',
+        900: '#771d1d'
       },
       teal: {
         50: '#edfafa',
@@ -107,7 +107,7 @@ const config = {
         600: '#047481',
         700: '#036672',
         800: '#05505c',
-        900: '#014451',
+        900: '#014451'
       },
       purple: {
         50: '#f6f5ff',
@@ -119,7 +119,7 @@ const config = {
         600: '#7e3af2',
         700: '#6c2bd9',
         800: '#5521b5',
-        900: '#4a1d96',
+        900: '#4a1d96'
       },
       pink: {
         50: '#fdf2f8',
@@ -131,8 +131,8 @@ const config = {
         600: '#d61f69',
         700: '#bf125d',
         800: '#99154b',
-        900: '#751a3d',
-      },
+        900: '#751a3d'
+      }
     },
     extend: {
       boxShadow: {
@@ -140,172 +140,174 @@ const config = {
         modal: 'var(--modals-shadow)',
         custom: '0px 0px 0px 1px rgba(0,0,0,0.15)',
         solid: 'var(--button-solid-shadow)',
-        dropdown: 'var(--dropdown-shadow)',
+        dropdown: 'var(--dropdown-shadow)'
       },
       backgroundImage: {
-        'active-menu': 'var(--palette-gradiente-active_menu)',
+        'active-menu': 'var(--palette-gradiente-active_menu)'
       },
       keyframes: {
         accordionSlideUp: {
           from: { height: 0 },
-          to: { height: 'var(--radix-collapsible-content-height)' },
+          to: { height: 'var(--radix-collapsible-content-height)' }
         },
         accordionSlideDown: {
           from: { height: 'var(--radix-collapsible-content-height)' },
-          to: { height: 0 },
+          to: { height: 0 }
         },
         slideLeft: {
           from: {
             transform: 'translateX(10%)',
-            opacity: 0,
+            opacity: 0
           },
-          to: { transform: 'translateX(0%)', opacity: 1 },
+          to: { transform: 'translateX(0%)', opacity: 1 }
         },
         slideRight: {
           from: {
             transform: 'translateX(-10%)',
-            opacity: 0,
+            opacity: 0
           },
-          to: { transform: 'translateX(0%)', opacity: 1 },
-        },
+          to: { transform: 'translateX(0%)', opacity: 1 }
+        }
       },
       animation: {
-        'slide-up':
-          'accordionSlideUp 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards',
-        'slide-down':
-          'accordionSlideDown 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards',
+        'slide-up': 'accordionSlideUp 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards',
+        'slide-down': 'accordionSlideDown 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards',
         'slide-left': 'slideLeft 300ms cubic-bezier(0.83, 0, 0.17, 1)',
-        'slide-right': 'slideRight 300ms cubic-bezier(0.83, 0, 0.17, 1)',
+        'slide-right': 'slideRight 300ms cubic-bezier(0.83, 0, 0.17, 1)'
       },
       colors: {
         success: {
-          foreground: 'var(--text-success)',
+          foreground: 'var(--text-success)'
         },
         tertiary: {
-          foreground: 'var(--text-tertiary)',
+          foreground: 'var(--text-tertiary)'
         },
         secondary: {
-          foreground: 'rgb(from var(--text-secondary) r g b / <alpha-value>)',
+          foreground: 'rgb(from var(--text-secondary) r g b / <alpha-value>)'
         },
         primary: {
-          foreground: 'var(--text-primary)',
+          foreground: 'var(--text-primary)'
         },
         active: {
-          foreground: 'var(--text-active)',
+          foreground: 'var(--text-active)'
         },
         informative: {
-          foreground: 'var(--text-informative_accent)',
+          foreground: 'var(--text-informative_accent)'
         },
         highlighted: {
-          foreground: 'var(--text-informative)',
+          foreground: 'var(--text-informative)'
         },
         inverse: {
-          foreground: 'var(--text-inverse)',
+          foreground: 'var(--text-inverse)'
         },
         icons: {
-          foreground: 'var(--icons-default)',
+          foreground: 'var(--icons-default)'
         },
         'border-card': 'var(--border-cards-color)',
         list: {
           highlighted: {
-            DEFAULT: 'var(--list-hightlight)',
+            DEFAULT: 'var(--list-hightlight)'
           },
           actived: {
-            DEFAULT: 'var(--list-actived)',
+            DEFAULT: 'var(--list-actived)'
           },
           hover: {
-            DEFAULT: 'var(--list-hover)',
+            DEFAULT: 'var(--list-hover)'
           },
           label: {
-            DEFAULT: 'var(--list-label_default)',
-          },
+            DEFAULT: 'var(--list-label_default)'
+          }
         },
         divider: {
-          DEFAULT: 'var(--border-divider-color)',
+          DEFAULT: 'var(--border-divider-color)'
         },
         input: {
-          filled: 'var(--border-input_filled-color)',
-          outline:
-            'rgb(from var(--border-button_outlined-color) r g b / <alpha-value>)',
-          informative: 'var(--background-informative)',
+          selected: {
+            DEFAULT: 'var(--border-input_filled-color)',
+            hover: 'var(--background-informative)'
+          },
+          outline: {
+            DEFAULT: 'rgb(from var(--text-tertiary) r g b / <alpha-value>)',
+            hover: 'var(--list-hover)'
+          }
         },
         badge: {
           gray: {
             DEFAULT: 'var(--badge-gray-bg)',
-            foreground: 'var(--badge-gray-text)',
+            foreground: 'var(--badge-gray-text)'
           },
           green: {
             DEFAULT: 'var(--badge-green-bg)',
-            foreground: 'var(--badge-green-text)',
+            foreground: 'var(--badge-green-text)'
           },
           teal: {
             DEFAULT: 'var(--badge-teal-bg)',
-            foreground: 'var(--badge-teal-text)',
+            foreground: 'var(--badge-teal-text)'
           },
           red: {
             DEFAULT: 'var(--badge-red-bg)',
-            foreground: 'var(--badge-red-text)',
+            foreground: 'var(--badge-red-text)'
           },
           yellow: {
             DEFAULT: 'var(--badge-yellow-bg)',
-            foreground: 'var(--badge-yellow-text)',
+            foreground: 'var(--badge-yellow-text)'
           },
           purple: {
             DEFAULT: 'var(--badge-purple-bg)',
-            foreground: 'var(--badge-purple-text)',
-          },
+            foreground: 'var(--badge-purple-text)'
+          }
         },
         button: {
           solid: {
             DEFAULT: 'var(--button-solid-bg)',
-            foreground: 'var(--button-solid-text)',
+            foreground: 'var(--button-solid-text)'
           },
           ghost: {
             DEFAULT: 'var(--button-ghost-bg)',
-            foreground: 'var(--button-ghost-text)',
+            foreground: 'var(--button-ghost-text)'
           },
           done: {
             DEFAULT: 'var(--badge-done-bg)',
-            foreground: 'var(--badge-done-text)',
+            foreground: 'var(--badge-done-text)'
           },
           'page-solid': {
-            DEFAULT: 'var(--buttons-solid_default)',
+            DEFAULT: 'var(--buttons-solid_default)'
           },
           'page-ghost': {
-            DEFAULT: 'var(--buttons-ghost_bg-color)',
+            DEFAULT: 'var(--buttons-ghost_bg-color)'
           },
           'page-color-solid': {
-            DEFAULT: 'var(--buttons-label_inverse)',
+            DEFAULT: 'var(--buttons-label_inverse)'
           },
           'page-color-clear': {
-            DEFAULT: 'var(--buttons-label)',
-          },
+            DEFAULT: 'var(--buttons-label)'
+          }
         },
         background: {
-          accent: 'var(--background-accent)',
+          accent: 'var(--background-accent)'
         },
         border: {
-          accent: 'rgba(0, 0, 0, 0.04)',
-        },
-      },
+          accent: 'rgba(0, 0, 0, 0.04)'
+        }
+      }
     },
     fontFamily: {
-      primary: ['Inter', 'sans-serif'],
-    },
+      primary: ['Inter', 'sans-serif']
+    }
   },
   plugins: [
     function ({ addUtilities }) {
       const newUtilities = {
         '.no-scrollbar::-webkit-scrollbar': {
-          display: 'none',
+          display: 'none'
         },
         '.no-scrollbar': {
           '-ms-overflow-style': 'none',
-          'scrollbar-width': 'none',
-        },
+          'scrollbar-width': 'none'
+        }
       };
       addUtilities(newUtilities);
-    },
-  ],
+    }
+  ]
 };
 export default config;