diff --git a/packages/radix-ui-themes/src/components/text-area.css b/packages/radix-ui-themes/src/components/text-area.css index fbd8a398..e8e796bb 100644 --- a/packages/radix-ui-themes/src/components/text-area.css +++ b/packages/radix-ui-themes/src/components/text-area.css @@ -56,6 +56,13 @@ background-clip: text; -webkit-text-fill-color: var(--gray-12); } + + /* Remove outline on Firefox */ + @supports (-moz-appearance: none) { + &:focus { + outline: none; + } + } } /*************************************************************************************************** diff --git a/packages/radix-ui-themes/src/components/text-field.css b/packages/radix-ui-themes/src/components/text-field.css index 7ce9048f..e9288775 100644 --- a/packages/radix-ui-themes/src/components/text-field.css +++ b/packages/radix-ui-themes/src/components/text-field.css @@ -110,6 +110,13 @@ -webkit-text-fill-color: var(--gray-12); } } + + /* Remove outline on Firefox */ + @supports (-moz-appearance: none) { + &:focus { + outline: none; + } + } } .rt-TextFieldSlot {