diff --git a/packages/bbui/src/FancyForm/FancyInput.svelte b/packages/bbui/src/FancyForm/FancyInput.svelte
index 8735e2c30c..0c58b9b045 100644
--- a/packages/bbui/src/FancyForm/FancyInput.svelte
+++ b/packages/bbui/src/FancyForm/FancyInput.svelte
@@ -1,5 +1,5 @@
@@ -39,6 +63,7 @@
on:focus={() => (focused = true)}
on:blur={() => (focused = false)}
class:placeholder
+ bind:this={ref}
/>
{#if suffix && !placeholder}
{suffix}
@@ -74,4 +99,11 @@
line-height: 17px;
font-family: var(--font-sans);
}
+ input:-webkit-autofill {
+ border-radius: 2px;
+ -webkit-box-shadow: 0 0 0 100px var(--spectrum-global-color-gray-300) inset;
+ -webkit-text-fill-color: var(--spectrum-global-color-gray-900);
+ transition: -webkit-box-shadow 130ms 200ms, background-color 0s 86400s;
+ padding: 3px 8px 4px 8px;
+ }