From d761c94b7d9452de7f57f171b359ab44290cd414 Mon Sep 17 00:00:00 2001
From: Ashu <11219262+ashutosh16@users.noreply.github.com>
Date: Fri, 1 Nov 2024 13:50:24 -0700
Subject: [PATCH] fix(ui): fix the slider tansition (#20641)

---
 .../components/application-details/application-details.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/app/applications/components/application-details/application-details.tsx b/ui/src/app/applications/components/application-details/application-details.tsx
index 2e7a8cc67bca3..019735b5c5ead 100644
--- a/ui/src/app/applications/components/application-details/application-details.tsx
+++ b/ui/src/app/applications/components/application-details/application-details.tsx
@@ -905,7 +905,7 @@ export class ApplicationDetails extends React.Component<RouteComponentProps<{app
                                             {this.selectedExtension !== '' && activeStatusExt?.flyout && <activeStatusExt.flyout application={application} tree={tree} />}
                                         </SlidingPanel>
                                         <SlidingPanel
-                                            isMiddle={activeTopBarActionMenuExt?.isMiddle}
+                                            isMiddle={activeTopBarActionMenuExt?.isMiddle ?? true}
                                             isShown={this.selectedExtension !== '' && activeTopBarActionMenuExt != null && activeTopBarActionMenuExt.flyout != null}
                                             onClose={() => this.setExtensionPanelVisible('')}>
                                             {this.selectedExtension !== '' && activeTopBarActionMenuExt?.flyout && (