From 022097ff935c9c114c5b8d046bf581803e5a7567 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 18 Mar 2022 13:38:02 +0300
Subject: [PATCH] Fix close button position in active tab

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/dock/dock-tab.module.scss | 1 +
 src/renderer/components/dock/dock-tab.tsx         | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/dock/dock-tab.module.scss b/src/renderer/components/dock/dock-tab.module.scss
index c435eb91bf..fc64a473b1 100644
--- a/src/renderer/components/dock/dock-tab.module.scss
+++ b/src/renderer/components/dock/dock-tab.module.scss
@@ -95,4 +95,5 @@
   max-width: 250px;
   overflow: hidden;
   text-overflow: ellipsis;
+  margin-right: 2.5rem;
 }
diff --git a/src/renderer/components/dock/dock-tab.tsx b/src/renderer/components/dock/dock-tab.tsx
index 94983eb2c7..699cec40e0 100644
--- a/src/renderer/components/dock/dock-tab.tsx
+++ b/src/renderer/components/dock/dock-tab.tsx
@@ -80,7 +80,7 @@ class NonInjectedDockTab extends React.Component<DockTabProps & Dependencies> {
     const { className, moreActions, dockStore, active, ...tabProps } = this.props;
     const { title, pinned } = tabProps.value;
     const label = (
-      <div className="flex gaps align-center" onAuxClick={isMiddleClick(prevDefault(this.close))}>
+      <div className="flex align-center" onAuxClick={isMiddleClick(prevDefault(this.close))}>
         <span className={styles.title}>{title}</span>
         {moreActions}
         {!pinned && (