diff --git a/src/browser/base/content/zen-styles/zen-workspaces.css b/src/browser/base/content/zen-styles/zen-workspaces.css index e0aa8890b..7723c7d7b 100644 --- a/src/browser/base/content/zen-styles/zen-workspaces.css +++ b/src/browser/base/content/zen-styles/zen-workspaces.css @@ -269,6 +269,7 @@ } & .zen-workspace-icon { + position: relative; width: 30px; height: 30px; border-radius: var(--zen-button-border-radius); @@ -309,13 +310,14 @@ position: relative; } - &.zen-workspace-button[active='true']::before { + &.zen-workspace-button[active='true'] .zen-workspace-icon::before { content: ''; position: absolute; - top: 0; - left: -6px; - width: 4px; - height: 100%; + top: 50%; + transform: translateY(-50%); + left: -2px; + width: 3px; + height: 16px; background-color: var(--toolbarbutton-icon-fill-attention); border-radius: 5px; } diff --git a/src/browser/themes/shared/zen-icons/jar.inc.mn b/src/browser/themes/shared/zen-icons/jar.inc.mn index 80635275d..6fc170a73 100644 --- a/src/browser/themes/shared/zen-icons/jar.inc.mn +++ b/src/browser/themes/shared/zen-icons/jar.inc.mn @@ -26,6 +26,7 @@ skin/classic/browser/zen-icons/desktop-notification.svg (../shared/zen-icons/desktop-notification.svg) skin/classic/browser/zen-icons/developer.svg (../shared/zen-icons/developer.svg) skin/classic/browser/zen-icons/downloads.svg (../shared/zen-icons/downloads.svg) + skin/classic/browser/zen-icons/drag-indicator.svg (../shared/zen-icons/drag-indicator.svg) skin/classic/browser/zen-icons/duplicate-tab.svg (../shared/zen-icons/duplicate-tab.svg) skin/classic/browser/zen-icons/edit-copy.svg (../shared/zen-icons/edit-copy.svg) skin/classic/browser/zen-icons/edit-cut.svg (../shared/zen-icons/edit-cut.svg)