diff --git a/packages/time-picker/test/visual/lumo/screenshots/time-picker/baseline/ltr-opened.png b/packages/time-picker/test/visual/lumo/screenshots/time-picker/baseline/ltr-opened.png
index 4440563395..204440bae2 100644
Binary files a/packages/time-picker/test/visual/lumo/screenshots/time-picker/baseline/ltr-opened.png and b/packages/time-picker/test/visual/lumo/screenshots/time-picker/baseline/ltr-opened.png differ
diff --git a/packages/time-picker/test/visual/lumo/screenshots/time-picker/baseline/rtl-opened.png b/packages/time-picker/test/visual/lumo/screenshots/time-picker/baseline/rtl-opened.png
index e1290dc326..91e4a12617 100644
Binary files a/packages/time-picker/test/visual/lumo/screenshots/time-picker/baseline/rtl-opened.png and b/packages/time-picker/test/visual/lumo/screenshots/time-picker/baseline/rtl-opened.png differ
diff --git a/packages/time-picker/test/visual/lumo/time-picker.test.js b/packages/time-picker/test/visual/lumo/time-picker.test.js
index a6b6c8d7ff..8d2e78fa97 100644
--- a/packages/time-picker/test/visual/lumo/time-picker.test.js
+++ b/packages/time-picker/test/visual/lumo/time-picker.test.js
@@ -12,6 +12,7 @@ describe('time-picker', () => {
     div.style.display = 'inline-block';
     div.style.padding = '10px';
     element = fixtureSync('<vaadin-time-picker></vaadin-time-picker>', div);
+    element.style.setProperty('--vaadin-time-picker-overlay-max-height', '300px');
   });
 
   it('basic', async () => {
@@ -90,7 +91,7 @@ describe('time-picker', () => {
       });
 
       it('opened', async () => {
-        div.style.height = '500px';
+        div.style.height = '350px';
         div.style.width = '200px';
         element.click();
         await visualDiff(div, `${dir}-opened`);
diff --git a/packages/time-picker/test/visual/material/screenshots/time-picker/baseline/ltr-opened.png b/packages/time-picker/test/visual/material/screenshots/time-picker/baseline/ltr-opened.png
index ddb21a05a6..4116e65ffa 100644
Binary files a/packages/time-picker/test/visual/material/screenshots/time-picker/baseline/ltr-opened.png and b/packages/time-picker/test/visual/material/screenshots/time-picker/baseline/ltr-opened.png differ
diff --git a/packages/time-picker/test/visual/material/screenshots/time-picker/baseline/rtl-opened.png b/packages/time-picker/test/visual/material/screenshots/time-picker/baseline/rtl-opened.png
index 5e4ed54849..69ab7c2c5b 100644
Binary files a/packages/time-picker/test/visual/material/screenshots/time-picker/baseline/rtl-opened.png and b/packages/time-picker/test/visual/material/screenshots/time-picker/baseline/rtl-opened.png differ
diff --git a/packages/time-picker/test/visual/material/time-picker.test.js b/packages/time-picker/test/visual/material/time-picker.test.js
index 443259a609..cb567cc01b 100644
--- a/packages/time-picker/test/visual/material/time-picker.test.js
+++ b/packages/time-picker/test/visual/material/time-picker.test.js
@@ -12,6 +12,7 @@ describe('time-picker', () => {
     div.style.display = 'inline-block';
     div.style.padding = '10px';
     element = fixtureSync('<vaadin-time-picker></vaadin-time-picker>', div);
+    element.style.setProperty('--vaadin-time-picker-overlay-max-height', '300px');
   });
 
   it('basic', async () => {
@@ -90,7 +91,7 @@ describe('time-picker', () => {
       });
 
       it('opened', async () => {
-        div.style.height = '500px';
+        div.style.height = '350px';
         div.style.width = '200px';
         element.click();
         await visualDiff(div, `${dir}-opened`);