diff --git a/browser/components/StorageList.js b/browser/components/StorageList.js
index 33557eb3..739a5f9a 100644
--- a/browser/components/StorageList.js
+++ b/browser/components/StorageList.js
@@ -10,8 +10,8 @@ import CSSModules from 'browser/lib/CSSModules'
 * @param {Array} storgaeList
 */
 
-const StorageList = ({storageList}) => (
-  <div styleName='storageList'>
+const StorageList = ({storageList, isFolded}) => (
+  <div styleName={isFolded ? 'storageList-folded' : 'storageList'}>
     {storageList.length > 0 ? storageList : (
       <div styleName='storgaeList-empty'>No storage mount.</div>
     )}
diff --git a/browser/components/StorageList.styl b/browser/components/StorageList.styl
index dfb06b45..474f896b 100644
--- a/browser/components/StorageList.styl
+++ b/browser/components/StorageList.styl
@@ -4,6 +4,10 @@
   top 180px
   overflow-y auto
 
+.storageList-folded
+  @extend .storageList
+  width 44px
+
 .storageList-empty
   padding 0 10px
   margin-top 15px
diff --git a/browser/main/SideNav/index.js b/browser/main/SideNav/index.js
index 2298a555..149b64f9 100644
--- a/browser/main/SideNav/index.js
+++ b/browser/main/SideNav/index.js
@@ -108,7 +108,7 @@ class SideNav extends React.Component {
             handleFilterButtonContextMenu={this.handleFilterButtonContextMenu.bind(this)}
           />
 
-          <StorageList storageList={storageList} />
+          <StorageList storageList={storageList} isFolded={isFolded} />
           <NavToggleButton isFolded={isFolded} handleToggleButtonClick={this.handleToggleButtonClick.bind(this)} />
         </div>
       )