diff --git a/.changeset/light-pandas-sip.md b/.changeset/light-pandas-sip.md
new file mode 100644
index 000000000000..5d5339b08862
--- /dev/null
+++ b/.changeset/light-pandas-sip.md
@@ -0,0 +1,5 @@
+---
+"@ledgerhq/react-ui": patch
+---
+
+Fix color of clearable element in Input"
diff --git a/libs/ui/packages/react/src/components/form/BaseInput/index.tsx b/libs/ui/packages/react/src/components/form/BaseInput/index.tsx
index 71b3c45e573d..958ea240838f 100644
--- a/libs/ui/packages/react/src/components/form/BaseInput/index.tsx
+++ b/libs/ui/packages/react/src/components/form/BaseInput/index.tsx
@@ -1,4 +1,4 @@
-import styled, { css } from "styled-components";
+import styled, { css, useTheme } from "styled-components";
 import { typography, TypographyProps } from "styled-system";
 import React, { InputHTMLAttributes, useState, useMemo, useCallback } from "react";
 import CircledCrossSolidMedium from "@ledgerhq/icons-ui/reactLegacy/CircledCrossSolidMedium";
@@ -168,6 +168,7 @@ function Input<T = ValueType>(
   props: InputProps<T>,
   ref?: React.ForwardedRef<HTMLInputElement>,
 ): JSX.Element {
+  const { colors } = useTheme();
   const {
     value,
     disabled,
@@ -224,7 +225,7 @@ function Input<T = ValueType>(
       {clearable && inputValue && (
         <FlexBox alignItems={"center"} mr={7}>
           <ClearableButtonUnstyled onClick={handleClear}>
-            <CircledCrossSolidMedium size={18} color={"neutral.c50"} />
+            <CircledCrossSolidMedium size={18} color={colors.neutral.c50} />
           </ClearableButtonUnstyled>
         </FlexBox>
       )}