diff --git a/app/src/assets/scss/protyle/_protyle.scss b/app/src/assets/scss/protyle/_protyle.scss
index 9c78faffe..993cb40ed 100644
--- a/app/src/assets/scss/protyle/_protyle.scss
+++ b/app/src/assets/scss/protyle/_protyle.scss
@@ -107,7 +107,6 @@
   z-index: 1;
 
   &__space {
-    flex: 1;
     min-width: 8px;
     transition: var(--b3-transition);
     color: var(--b3-theme-on-surface);
@@ -122,6 +121,7 @@
     display: flex;
     transition: var(--b3-transition);
     overflow: auto;
+    flex: 1;
     min-height: 30px;
 
     &::-webkit-scrollbar {
@@ -154,6 +154,7 @@
     align-self: center;
     padding: 0 4px;
     font-size: 12px;
+    white-space: nowrap;
 
     &:hover {
       color: var(--b3-theme-on-background);
diff --git a/app/src/protyle/breadcrumb/index.ts b/app/src/protyle/breadcrumb/index.ts
index 90b7dd100..0f8b782f3 100644
--- a/app/src/protyle/breadcrumb/index.ts
+++ b/app/src/protyle/breadcrumb/index.ts
@@ -70,7 +70,7 @@ export class Breadcrumb {
                             action: id === protyle.block.rootID ? [Constants.CB_GET_FOCUS] : [Constants.CB_GET_FOCUS, Constants.CB_GET_ALL]
                         });
                     } else {
-                        zoomOut({protyle, id, focusId: protyle.block.id});
+                        zoomOut({protyle, id});
                     }
                     /// #endif
                     event.preventDefault();