diff --git a/src/app/workspace/screen/tabs.less b/src/app/workspace/screen/tabs.less
index 0c358e15..503f9bb1 100644
--- a/src/app/workspace/screen/tabs.less
+++ b/src/app/workspace/screen/tabs.less
@@ -139,17 +139,14 @@
     }
 
     .new-screen {
-        width: 3em;
-        min-width: 3em;
-        padding-left: 1em;
+        margin-left: 1em;
         cursor: pointer;
-        height: 36px;
-        
         .icon {
-            width: 1.1em;
-            height: 1.1em;
+            height: 2rem;
+            height: 2rem;
             border-radius: 50%;
-            margin-top: 9px;
+            padding: 0.4em;
+            vertical-align: middle;
         }
     }
 }
diff --git a/src/app/workspace/screen/tabs.tsx b/src/app/workspace/screen/tabs.tsx
index 29490c97..4390c8dd 100644
--- a/src/app/workspace/screen/tabs.tsx
+++ b/src/app/workspace/screen/tabs.tsx
@@ -187,8 +187,8 @@ class ScreenTabs extends React.Component<{ session: Session }, {}> {
                     <For each="screen" index="index" of={showingScreens}>
                         {this.renderTab(screen, activeScreenId, index)}
                     </For>
-                    <div key="new-screen" className="new-screen hover-effect-base" onClick={this.handleNewScreen}>
-                        <AddIcon className="icon hover-effect-target" />
+                    <div key="new-screen" className="new-screen" onClick={this.handleNewScreen}>
+                        <AddIcon className="icon hoverEffect" />
                     </div>
                 </div>
                 {/**<div className="cmd-hints">