diff --git a/src/renderer/components/layout/main-layout.tsx b/src/renderer/components/layout/main-layout.tsx
index 449d21d8f2..43c0c01670 100755
--- a/src/renderer/components/layout/main-layout.tsx
+++ b/src/renderer/components/layout/main-layout.tsx
@@ -55,15 +55,6 @@ export class MainLayout extends React.Component<Props> {
     this.sidebarWidth = newWidth
   }
 
-  sidebarMinWidth(): number {
-    const headerPadding = 4 * 2 // 4px * (1 for right + 1 for left)
-    const appIcon = 28
-    const appName = 40
-    const pinningIcon = 22 + 10 // 10 for hover circle
-    const goodMeasure = 10
-    return headerPadding + appIcon + appName + pinningIcon + goodMeasure
-  }
-
   render() {
     const { className, headerClass, footer, footerClass, children } = this.props;
     const cluster = getHostedCluster();
@@ -86,7 +77,7 @@ export class MainLayout extends React.Component<Props> {
             onDrag={this.adjustWidth}
             onDoubleClick={this.toggleSidebar}
             disabled={!this.isPinned}
-            minExtent={this.sidebarMinWidth()}
+            minExtent={120}
             maxExtent={400}
           />
         </aside>