diff --git a/frontend/resources/styles/main/partials/sidebar-layers.scss b/frontend/resources/styles/main/partials/sidebar-layers.scss
index 79ad3b4af..e9d3256b5 100644
--- a/frontend/resources/styles/main/partials/sidebar-layers.scss
+++ b/frontend/resources/styles/main/partials/sidebar-layers.scss
@@ -355,10 +355,12 @@ span.element-name {
   .pages-tool-bar {
     display: flex;
     justify-content: space-between;
-    height: 32px;
-    margin-top: 8px;
+    height: 40px;
+    padding: 0;
 
     &.search {
+      margin-top: 8px;
+      padding: 8px;
       .search-box {
         border: 1px solid $color-gray-20;
         border-radius: $br4;
@@ -403,6 +405,67 @@ span.element-name {
       margin: 0 2px 0 5px;
       cursor: pointer;
     }
+    .page-name {
+      padding: 8px;
+      margin-top: 8px;
+    }
+    .icon-search {
+      margin-top: 8px;
+    }
+    .focus-title {
+      width: 100%;
+      height: 100%;
+      display: grid;
+      align-items: center;
+      grid-template-columns: 16px 1fr auto;
+      grid-column-gap: 8px;
+      cursor: pointer;
+
+      .back-button {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+        background: none;
+        border: none;
+        padding: 0;
+        margin: 0;
+
+        svg {
+          width: 12px;
+          height: 12px;
+          fill: $color-gray-20;
+          transform: rotate(180deg);
+        }
+
+        &:hover {
+          svg {
+            fill: $color-primary;
+          }
+        }
+      }
+
+      .focus-name {
+        height: 100%;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .focus-mode {
+        color: $color-primary;
+        border: 1px solid $color-primary;
+        border-radius: $br3;
+        font-size: $fs10;
+        text-transform: uppercase;
+        padding: 0px 4px;
+        display: flex;
+        align-items: center;
+      }
+    }
   }
 }
 .active-filters {
diff --git a/frontend/resources/styles/main/partials/sidebar.scss b/frontend/resources/styles/main/partials/sidebar.scss
index 09ac24e24..d8498fa7b 100644
--- a/frontend/resources/styles/main/partials/sidebar.scss
+++ b/frontend/resources/styles/main/partials/sidebar.scss
@@ -40,6 +40,7 @@
         flex-shrink: 0;
         padding: $size-2;
         overflow: hidden;
+        margin: 0;
 
         svg {
           fill: $color-gray-20;
@@ -136,52 +137,6 @@
           padding: 0.25rem;
         }
       }
-
-      & .focus-title {
-        width: 100%;
-        height: 100%;
-        display: grid;
-        align-items: center;
-        grid-template-columns: auto 1fr auto;
-        grid-column-gap: 8px;
-        cursor: pointer;
-
-        & .back-button {
-          background: none;
-          border: none;
-          padding: 0;
-          margin: 0;
-
-          & svg {
-            fill: $color-white;
-            transform: rotate(180deg);
-            margin-top: 3px;
-          }
-
-          &:hover {
-            svg {
-              fill: $color-primary;
-            }
-          }
-        }
-
-        & .focus-name {
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        }
-
-        & .focus-mode {
-          color: $color-primary;
-          border: 1px solid $color-primary;
-          border-radius: $br3;
-          font-size: $fs10;
-          text-transform: uppercase;
-          padding: 0px 4px;
-          display: flex;
-          align-items: center;
-        }
-      }
     }
 
     .assets-bar .tool-window {