diff --git a/frontend/src/components/dir-view-mode/dir-column-view.js b/frontend/src/components/dir-view-mode/dir-column-view.js
index 0c9110857e..bb9eb97307 100644
--- a/frontend/src/components/dir-view-mode/dir-column-view.js
+++ b/frontend/src/components/dir-view-mode/dir-column-view.js
@@ -4,8 +4,6 @@ import DirColumnNav from './dir-column-nav';
 import DirColumnFile from './dir-column-file';
 import DirListView from './dir-list-view';
 
-import '../../css/lib-content-view.css';
-
 const propTypes = {
   path: PropTypes.string.isRequired,
   repoID: PropTypes.string.isRequired,
@@ -149,7 +147,7 @@ class DirColumnView extends React.Component {
   render() {
     const onResizeMove = this.state.inResizing ? this.onResizeMouseMove : null;
     const select = this.state.inResizing ? 'none' : '';
-    const mainFlex = '1 0 ' + (1 - this.state.navRate) * 100 + '%';
+    const mainFlex = '1 0 ' + (1 - this.state.navRate - 0.05) * 100 + '%';
     return (
       <div className="dir-colunm-view" onMouseMove={onResizeMove} onMouseUp={this.onResizeMouseUp} ref="viewModeContainer">
         <DirColumnNav 
diff --git a/frontend/src/css/layout.css b/frontend/src/css/layout.css
index dc4d4f21ec..d566af6eea 100644
--- a/frontend/src/css/layout.css
+++ b/frontend/src/css/layout.css
@@ -118,6 +118,7 @@
 .table-container {
   flex: 1;
   padding-bottom: 150px;
+  padding: 0 1rem;
 }
 
 .cur-view-content .article {
diff --git a/frontend/src/css/lib-content-view.css b/frontend/src/css/lib-content-view.css
index 07a9692f7a..87c0753507 100644
--- a/frontend/src/css/lib-content-view.css
+++ b/frontend/src/css/lib-content-view.css
@@ -1,3 +1,6 @@
+.cur-view-content.lib-content-container {
+  padding: 0;
+}
 
 .view-mode-container {
   display: flex;
@@ -26,11 +29,9 @@
 }
 
 .dir-content-main {
-  flex: 1 0 75%;
+  flex: 1 0 74.5%;
   display: flex;
   flex-direction: column;
-  margin-right: -1rem;
-  padding:0 0.75rem;
   overflow: auto;
 }
 
diff --git a/frontend/src/css/repo-info-bar.css b/frontend/src/css/repo-info-bar.css
index 24bbfd2076..5034b948f6 100644
--- a/frontend/src/css/repo-info-bar.css
+++ b/frontend/src/css/repo-info-bar.css
@@ -1,6 +1,6 @@
 .repo-info-bar {
   padding: 10px;
-  margin-top: 10px;
+  margin: 10px 16px 0;
   border: 1px solid #e6e6dd;
   border-radius: 5px;
   /* background: #f8f8f8; */
diff --git a/frontend/src/pages/lib-content-view/lib-content-container.js b/frontend/src/pages/lib-content-view/lib-content-container.js
index 0e1ffc066c..71b2f7c6c0 100644
--- a/frontend/src/pages/lib-content-view/lib-content-container.js
+++ b/frontend/src/pages/lib-content-view/lib-content-container.js
@@ -8,6 +8,8 @@ import DirListView from '../../components/dir-view-mode/dir-list-view';
 import DirGridView from '../../components/dir-view-mode/dir-grid-view';
 import DirColumnView from '../../components/dir-view-mode/dir-column-view';
 
+import '../../css/lib-content-view.css';
+
 const propTypes = {
   pathPrefix: PropTypes.array.isRequired,
   currentMode: PropTypes.string.isRequired,
@@ -149,7 +151,7 @@ class LibContentContainer extends React.Component {
               onDeleteRepoTag={this.props.onDeleteRepoTag}
             />
           </div>
-          <div className={`cur-view-content ${this.props.currentMode === 'column' ? 'view-mode-container' : ''}`}>
+          <div className={`cur-view-content lib-content-container ${this.props.currentMode === 'column' ? 'view-mode-container' : ''}`}>
             {!this.props.pathExist && this.errMessage}
             {this.props.pathExist && (
               <Fragment>