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 && (