diff --git a/app/src/assets/scss/business/_layout.scss b/app/src/assets/scss/business/_layout.scss
index 90bc23386..7c086359b 100644
--- a/app/src/assets/scss/business/_layout.scss
+++ b/app/src/assets/scss/business/_layout.scss
@@ -317,15 +317,18 @@
           align-items: center;
 
           svg {
-            height: 16px;
-            width: 16px;
+            border-radius: 10px;
+            height: 8px;
+            width: 8px;
             color: var(--b3-theme-on-surface);
             transition: var(--b3-transition);
+            padding: 4px;
             opacity: 0;
           }
 
           &:hover svg {
-            opacity: 1 !important;
+            color: var(--b3-theme-on-background);
+            background-color: var(--b3-theme-background-light);
           }
         }
       }
diff --git a/app/src/layout/Tab.ts b/app/src/layout/Tab.ts
index dd544f5fc..f387b4b37 100644
--- a/app/src/layout/Tab.ts
+++ b/app/src/layout/Tab.ts
@@ -45,7 +45,7 @@ export class Tab {
                 iconHTML = `<span class="item__icon">${unicode2Emoji(options.docIcon)}</span>`;
             }
             this.headElement.innerHTML = `${iconHTML}<span class="item__text">${escapeHtml(options.title)}</span>
-<span class="item__close"><svg><use xlink:href="#iconCloseRound"></use></svg></span>`;
+<span class="item__close"><svg><use xlink:href="#iconClose"></use></svg></span>`;
             this.headElement.addEventListener("mouseenter", (event) => {
                 event.stopPropagation();
                 event.preventDefault();