diff --git a/ui-core/src/components/inputs/ComboBox/ComboBox.tsx b/ui-core/src/components/inputs/ComboBox/ComboBox.tsx
index a616d7b9..8b103709 100644
--- a/ui-core/src/components/inputs/ComboBox/ComboBox.tsx
+++ b/ui-core/src/components/inputs/ComboBox/ComboBox.tsx
@@ -9,7 +9,7 @@ import React, {
   useState,
 } from 'react';
 
-import { ChevronDown, X } from '@osrd-project/ui-icons';
+import { ChevronDown, XCircle } from '@osrd-project/ui-icons';
 import cx from 'classnames';
 
 import { normalizeString } from './utils';
@@ -88,7 +88,7 @@ const ComboBox = <T,>({
     ...(selectedOption || suggestions.some((suggestion) => getSuggestionLabel(suggestion) === value)
       ? [
           {
-            icon: <X size={small ? 'sm' : 'lg'} />,
+            icon: <XCircle variant="fill" />,
             action: clearInput,
             className: 'clear-icon',
           },
diff --git a/ui-core/src/styles/inputs/comboBox.css b/ui-core/src/styles/inputs/comboBox.css
index 3aaa1ebf..a1b9a495 100644
--- a/ui-core/src/styles/inputs/comboBox.css
+++ b/ui-core/src/styles/inputs/comboBox.css
@@ -39,7 +39,7 @@
     }
 
     &:hover {
-      @apply bg-selection-20;
+      @apply bg-primary-5;
     }
   }
 }
diff --git a/ui-core/src/styles/inputs/input.css b/ui-core/src/styles/inputs/input.css
index bee8ec3a..510a7efa 100644
--- a/ui-core/src/styles/inputs/input.css
+++ b/ui-core/src/styles/inputs/input.css
@@ -43,7 +43,7 @@
     }
 
     .clear-icon {
-      @apply text-primary-20;
+      @apply text-grey-50;
       cursor: pointer;
     }