diff --git a/src/workbench/browser/src/app/pages/api/api.component.html b/src/workbench/browser/src/app/pages/api/api.component.html
index 4dde2f815..528572db5 100644
--- a/src/workbench/browser/src/app/pages/api/api.component.html
+++ b/src/workbench/browser/src/app/pages/api/api.component.html
@@ -84,7 +84,7 @@
         <!-- <eo-split-panel direction="row"> -->
         <section class="relative" [ngStyle]="{ paddingRight: activeBar ? dyWidth + 'px' : '40px' }">
           <router-outlet></router-outlet>
-          <eo-split-x *ngIf="activeBar" (x)="handleDrag($event)" [init]="[200, 250, 400]"></eo-split-x>
+          <eo-split-x *ngIf="activeBar" (x)="handleDrag($event)" [init]="[200, dyWidth, 400]"></eo-split-x>
           <div
             class="absolute top-0 bottom-0 right-0 flex right-bar"
             [ngClass]="{ 'left-line': !activeBar }"
diff --git a/src/workbench/browser/src/app/pages/api/api.component.ts b/src/workbench/browser/src/app/pages/api/api.component.ts
index 74ae84127..1633c4877 100644
--- a/src/workbench/browser/src/app/pages/api/api.component.ts
+++ b/src/workbench/browser/src/app/pages/api/api.component.ts
@@ -159,7 +159,6 @@ export class ApiComponent implements OnInit, OnDestroy {
   }
 
   toggleRightBar(status = null) {
-    this.dyWidth = 250;
     if (status == null) {
       this.activeBar = !this.activeBar;
       return;