diff --git a/packages/experience/src/components/InputFields/InputField/NotchedBorder/index.module.scss b/packages/experience/src/components/InputFields/InputField/NotchedBorder/index.module.scss
index 371d9458c..8334a6312 100644
--- a/packages/experience/src/components/InputFields/InputField/NotchedBorder/index.module.scss
+++ b/packages/experience/src/components/InputFields/InputField/NotchedBorder/index.module.scss
@@ -14,6 +14,9 @@
     border-radius: var(--radius);
     pointer-events: none;
     display: block;
+    transition-property: outline, border;
+    transition-timing-function: ease-in-out;
+    transition-duration: 0.2s;
 
     legend {
       display: inline-block;