diff --git a/packages/styles/scss/components/time-picker/_time-picker.scss b/packages/styles/scss/components/time-picker/_time-picker.scss
index 0ab8db4f92f4..994f948eea07 100644
--- a/packages/styles/scss/components/time-picker/_time-picker.scss
+++ b/packages/styles/scss/components/time-picker/_time-picker.scss
@@ -90,9 +90,13 @@
   }
 
   // readonly
-  .#{$prefix}--time-picker--readonly .#{$prefix}--time-picker__input-field,
+  .#{$prefix}--time-picker--readonly .#{$prefix}--time-picker__input-field {
+    background-color: transparent;
+  }
+
   .#{$prefix}--time-picker--readonly .#{$prefix}--select-input {
     background-color: transparent;
+    cursor: default;
   }
 
   .#{$prefix}--time-picker--readonly