diff --git a/packages/twenty-ui/src/input/components/Checkbox.tsx b/packages/twenty-ui/src/input/components/Checkbox.tsx
index f4842ba12..bdef30acf 100644
--- a/packages/twenty-ui/src/input/components/Checkbox.tsx
+++ b/packages/twenty-ui/src/input/components/Checkbox.tsx
@@ -1,5 +1,6 @@
 import styled from '@emotion/styled';
-import { IconCheck, IconMinus } from '@ui/display';
+
+import { IconCheck, IconMinus } from '@ui/display/icon/components/TablerIcons';
 import * as React from 'react';
 
 export enum CheckboxVariant {
@@ -62,7 +63,7 @@ const StyledInputContainer = styled.div<InputProps>`
     return `&:hover{
       background-color: ${
         indeterminate || isChecked
-          ? theme.color.blue10
+          ? theme.background.transparent.blue
           : theme.background.transparent.light
       };
     }}
diff --git a/packages/twenty-ui/src/theme/constants/BackgroundDark.ts b/packages/twenty-ui/src/theme/constants/BackgroundDark.ts
index 9ef3faae5..bdfb3dfff 100644
--- a/packages/twenty-ui/src/theme/constants/BackgroundDark.ts
+++ b/packages/twenty-ui/src/theme/constants/BackgroundDark.ts
@@ -22,6 +22,7 @@ export const BACKGROUND_DARK = {
     light: RGBA(GRAY_SCALE.gray0, 0.06),
     lighter: RGBA(GRAY_SCALE.gray0, 0.03),
     danger: RGBA(COLOR.red, 0.08),
+    blue: RGBA(COLOR.blue, 0.2),
   },
   overlayPrimary: RGBA(GRAY_SCALE.gray80, 0.8),
   overlaySecondary: RGBA(GRAY_SCALE.gray80, 0.4),
diff --git a/packages/twenty-ui/src/theme/constants/BackgroundLight.ts b/packages/twenty-ui/src/theme/constants/BackgroundLight.ts
index 68fbf3496..a7958cdfc 100644
--- a/packages/twenty-ui/src/theme/constants/BackgroundLight.ts
+++ b/packages/twenty-ui/src/theme/constants/BackgroundLight.ts
@@ -22,6 +22,7 @@ export const BACKGROUND_LIGHT = {
     light: RGBA(GRAY_SCALE.gray100, 0.04),
     lighter: RGBA(GRAY_SCALE.gray100, 0.02),
     danger: RGBA(COLOR.red, 0.08),
+    blue: RGBA(COLOR.blue, 0.08),
   },
   overlayPrimary: RGBA(GRAY_SCALE.gray80, 0.8),
   overlaySecondary: RGBA(GRAY_SCALE.gray80, 0.4),