diff --git a/src/components/ContentWrapFiles.jsx b/src/components/ContentWrapFiles.jsx
index ec1fb80..841f4a4 100644
--- a/src/components/ContentWrapFiles.jsx
+++ b/src/components/ContentWrapFiles.jsx
@@ -314,7 +314,7 @@ export default class ContentWrapFiles extends Component {
 	// Returns the sizes of main code & preview panes.
 	getMainSplitSizesToApply() {
 		var mainSplitSizes;
-		const sidebarWidth = 160;
+		const sidebarWidth = 200;
 		const { currentItem, currentLayoutMode } = this.props;
 		if (false && currentItem && currentItem.mainSizes) {
 			// For layout mode 3, main panes are reversed using flex-direction.
diff --git a/src/style.css b/src/style.css
index 9f55e01..a57c354 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1612,6 +1612,7 @@ body:not(.is-app) .show-when-app {
 
 .sidebar {
 	background-color: #1e1e2c;
+	height: 100%;
 }
 
 .sidebar__file {