diff --git a/packages/components/test/__snapshots__/index.js.snap b/packages/components/test/__snapshots__/index.js.snap
index 085cdb65c..5dc4c641e 100644
--- a/packages/components/test/__snapshots__/index.js.snap
+++ b/packages/components/test/__snapshots__/index.js.snap
@@ -617,6 +617,32 @@ exports[`Field renders 1`] = `
   background-color: transparent;
 }
 
+.emotion-2:autofill,
+.emotion-2:autofill:hover,
+.emotion-2:autofill:focus {
+  box-shadow: inset 0 0 0 1000px var(--theme-ui-input-autofill-bg);
+  font-size: inherit;
+}
+
+.emotion-2:autofill:first-line,
+.emotion-2:autofill:hover:first-line,
+.emotion-2:autofill:focus:first-line {
+  font-size: 1rem;
+}
+
+.emotion-2:-webkit-autofill,
+.emotion-2:-webkit-autofill:hover,
+.emotion-2:-webkit-autofill:focus {
+  box-shadow: inset 0 0 0 1000px var(--theme-ui-input-autofill-bg);
+  font-size: inherit;
+}
+
+.emotion-2:-webkit-autofill:first-line,
+.emotion-2:-webkit-autofill:hover:first-line,
+.emotion-2:-webkit-autofill:focus:first-line {
+  font-size: 1rem;
+}
+
 <div
   className="emotion-0"
 >
@@ -666,6 +692,32 @@ exports[`Field renders with id prop 1`] = `
   background-color: transparent;
 }
 
+.emotion-2:autofill,
+.emotion-2:autofill:hover,
+.emotion-2:autofill:focus {
+  box-shadow: inset 0 0 0 1000px var(--theme-ui-input-autofill-bg);
+  font-size: inherit;
+}
+
+.emotion-2:autofill:first-line,
+.emotion-2:autofill:hover:first-line,
+.emotion-2:autofill:focus:first-line {
+  font-size: 1rem;
+}
+
+.emotion-2:-webkit-autofill,
+.emotion-2:-webkit-autofill:hover,
+.emotion-2:-webkit-autofill:focus {
+  box-shadow: inset 0 0 0 1000px var(--theme-ui-input-autofill-bg);
+  font-size: inherit;
+}
+
+.emotion-2:-webkit-autofill:first-line,
+.emotion-2:-webkit-autofill:hover:first-line,
+.emotion-2:-webkit-autofill:focus:first-line {
+  font-size: 1rem;
+}
+
 <div
   className="emotion-0"
 >
@@ -947,6 +999,32 @@ exports[`Input renders 1`] = `
   background-color: transparent;
 }
 
+.emotion-0:autofill,
+.emotion-0:autofill:hover,
+.emotion-0:autofill:focus {
+  box-shadow: inset 0 0 0 1000px var(--theme-ui-input-autofill-bg);
+  font-size: inherit;
+}
+
+.emotion-0:autofill:first-line,
+.emotion-0:autofill:hover:first-line,
+.emotion-0:autofill:focus:first-line {
+  font-size: 1rem;
+}
+
+.emotion-0:-webkit-autofill,
+.emotion-0:-webkit-autofill:hover,
+.emotion-0:-webkit-autofill:focus {
+  box-shadow: inset 0 0 0 1000px var(--theme-ui-input-autofill-bg);
+  font-size: inherit;
+}
+
+.emotion-0:-webkit-autofill:first-line,
+.emotion-0:-webkit-autofill:hover:first-line,
+.emotion-0:-webkit-autofill:focus:first-line {
+  font-size: 1rem;
+}
+
 <input
   className="emotion-0"
 />
diff --git a/packages/editor/test/__snapshots__/Combobox.tsx.snap b/packages/editor/test/__snapshots__/Combobox.tsx.snap
index 25ab63da1..af8418527 100644
--- a/packages/editor/test/__snapshots__/Combobox.tsx.snap
+++ b/packages/editor/test/__snapshots__/Combobox.tsx.snap
@@ -46,6 +46,32 @@ exports[`renders 1`] = `
   background-color: transparent;
 }
 
+.emotion-3:autofill,
+.emotion-3:autofill:hover,
+.emotion-3:autofill:focus {
+  box-shadow: inset 0 0 0 1000px var(--theme-ui-input-autofill-bg);
+  font-size: inherit;
+}
+
+.emotion-3:autofill:first-line,
+.emotion-3:autofill:hover:first-line,
+.emotion-3:autofill:focus:first-line {
+  font-size: 1rem;
+}
+
+.emotion-3:-webkit-autofill,
+.emotion-3:-webkit-autofill:hover,
+.emotion-3:-webkit-autofill:focus {
+  box-shadow: inset 0 0 0 1000px var(--theme-ui-input-autofill-bg);
+  font-size: inherit;
+}
+
+.emotion-3:-webkit-autofill:first-line,
+.emotion-3:-webkit-autofill:hover:first-line,
+.emotion-3:-webkit-autofill:focus:first-line {
+  font-size: 1rem;
+}
+
 .emotion-4 {
   -webkit-appearance: none;
   -moz-appearance: none;