diff --git a/src/chrome/DetailSidebar.js b/src/chrome/DetailSidebar.js
index 4fa23970d..0d3d5e477 100644
--- a/src/chrome/DetailSidebar.js
+++ b/src/chrome/DetailSidebar.js
@@ -16,6 +16,7 @@ type Props = {
   rightSidebarVisible: boolean,
   rightSidebarAvailable: boolean,
   toggleRightSidebarAvailable: (visible: boolean) => void,
+  width?: number,
 };
 
 class DetailSidebar extends React.Component<Props> {
@@ -41,7 +42,7 @@ class DetailSidebar extends React.Component<Props> {
       this.props.rightSidebarVisible &&
       domNode &&
       ReactDOM.createPortal(
-        <Sidebar width={300} position="right">
+        <Sidebar width={this.props.width || 300} position="right">
           {this.props.children}
         </Sidebar>,
         domNode,