diff --git a/sample/common/src/commonMain/kotlin/com.mohamedrejeb.calf.sample/screens/DatePickerScreen.kt b/sample/common/src/commonMain/kotlin/com.mohamedrejeb.calf.sample/screens/DatePickerScreen.kt
index fc77a51..dbab036 100644
--- a/sample/common/src/commonMain/kotlin/com.mohamedrejeb.calf.sample/screens/DatePickerScreen.kt
+++ b/sample/common/src/commonMain/kotlin/com.mohamedrejeb.calf.sample/screens/DatePickerScreen.kt
@@ -65,6 +65,9 @@ fun DatePickerScreen(
 
         AdaptiveDatePicker(
             state = state,
+            colors = DatePickerDefaults.colors(
+                containerColor = MaterialTheme.colorScheme.surface
+            ),
             modifier = Modifier
         )
     }
diff --git a/sample/common/src/commonMain/kotlin/com.mohamedrejeb.calf.sample/screens/TimePickerScreen.kt b/sample/common/src/commonMain/kotlin/com.mohamedrejeb.calf.sample/screens/TimePickerScreen.kt
index 64b00f1..3c52818 100644
--- a/sample/common/src/commonMain/kotlin/com.mohamedrejeb.calf.sample/screens/TimePickerScreen.kt
+++ b/sample/common/src/commonMain/kotlin/com.mohamedrejeb.calf.sample/screens/TimePickerScreen.kt
@@ -58,6 +58,9 @@ fun TimePickerScreen(
 
         AdaptiveTimePicker(
             state = state,
+            colors = TimePickerDefaults.colors(
+                containerColor = MaterialTheme.colorScheme.surface
+            ),
             modifier = Modifier
         )
     }