diff --git a/packages/field-highlighter/test/field-highlighter.test.js b/packages/field-highlighter/test/field-highlighter.test.js
index a24893efba..7eeeb62318 100644
--- a/packages/field-highlighter/test/field-highlighter.test.js
+++ b/packages/field-highlighter/test/field-highlighter.test.js
@@ -17,7 +17,7 @@ describe('field highlighter', () => {
   let overlay;
 
   beforeEach(async () => {
-    field = fixtureSync(`<vaadin-text-field></vaadin-text-field>`);
+    field = fixtureSync(`<vaadin-text-field style="margin-top: 10px"></vaadin-text-field>`);
     highlighter = FieldHighlighter.init(field);
     outline = field.shadowRoot.querySelector('[part="outline"]');
     wrapper = field.shadowRoot.querySelector('vaadin-user-tags');
diff --git a/packages/field-highlighter/test/user-tags.test.js b/packages/field-highlighter/test/user-tags.test.js
index 040ca6d6ad..6e2f08b5bc 100644
--- a/packages/field-highlighter/test/user-tags.test.js
+++ b/packages/field-highlighter/test/user-tags.test.js
@@ -40,7 +40,7 @@ describe('user-tags', () => {
 
   describe('default', () => {
     beforeEach(async () => {
-      field = fixtureSync(`<vaadin-text-field></vaadin-text-field>`);
+      field = fixtureSync(`<vaadin-text-field style="margin-top: 10px"></vaadin-text-field>`);
       FieldHighlighter.init(field);
       wrapper = field.shadowRoot.querySelector('vaadin-user-tags');
       wrapper.duration = 0;