diff --git a/renderer/index.css b/renderer/index.css
index 81454bf1..b28d2b49 100644
--- a/renderer/index.css
+++ b/renderer/index.css
@@ -198,6 +198,7 @@ a:not(.disabled):hover, i:not(.disabled):hover {
   opacity: 0.6;
   position: absolute;
   margin-top: 1px;
+  padding: 0 150px 0 150px;
   width: 100%;
   text-align: center;
   pointer-events: none;
diff --git a/renderer/views/header.js b/renderer/views/header.js
index e116ad59..a33a85c2 100644
--- a/renderer/views/header.js
+++ b/renderer/views/header.js
@@ -30,7 +30,7 @@ function Header (state, dispatch) {
 
   function getTitle () {
     if (process.platform === 'darwin') {
-      return hx`<div class='title'>${state.window.title}</div>`
+      return hx`<div class='title ellipsis'>${state.window.title}</div>`
     }
   }