diff --git a/nifi-frontend/src/main/frontend/apps/update-attribute/src/app/pages/update-attribute/ui/rule-listing/rule-listing.component.ts b/nifi-frontend/src/main/frontend/apps/update-attribute/src/app/pages/update-attribute/ui/rule-listing/rule-listing.component.ts
index 9e8712f70561..5c3ade62998b 100644
--- a/nifi-frontend/src/main/frontend/apps/update-attribute/src/app/pages/update-attribute/ui/rule-listing/rule-listing.component.ts
+++ b/nifi-frontend/src/main/frontend/apps/update-attribute/src/app/pages/update-attribute/ui/rule-listing/rule-listing.component.ts
@@ -214,6 +214,16 @@ export class RuleListing {
 
     newRuleExpanded(): void {
         this.scrollToNewRule = true;
+        const newRulePanel = this.ruleListing.nativeElement.querySelector('.new-rule');
+        if (newRulePanel) {
+            window.setTimeout(function () {
+                newRulePanel.scrollIntoView({
+                    block: 'center',
+                    behavior: 'smooth'
+                });
+                newRulePanel.focus();
+            }, 0);
+        }
     }
 
     deleteRule(rule: Rule): void {