diff --git a/packages/frontend/core/src/modules/workbench/view/route-container.tsx b/packages/frontend/core/src/modules/workbench/view/route-container.tsx
index 3b9f979c81..8a44d5a675 100644
--- a/packages/frontend/core/src/modules/workbench/view/route-container.tsx
+++ b/packages/frontend/core/src/modules/workbench/view/route-container.tsx
@@ -91,12 +91,12 @@ export const RouteContainer = ({ route }: Props) => {
           </>
         )}
       </div>
-      <view.body.Target className={styles.viewBodyContainer} />
       <AffineErrorBoundary>
         <Suspense>
           <route.Component />
         </Suspense>
       </AffineErrorBoundary>
+      <view.body.Target className={styles.viewBodyContainer} />
     </div>
   );
 };