.layout.collapsed .content,
.layout.collapsed .budget-header {
	left: 40px;
}

.collapsed-buttons .active button {
	background-color: #194853;
	color: #fff;
}

.collapsed-buttons .active .collapsed-budget {
	color: #ceec00;
}

.collapsed-buttons .active .collapsed-reports {
	color: #fed168;
}

.collapsed-buttons .active .collapsed-account {
	color: #32dcff;
}

.layout.collapsed .content,
.layout.collapsed .budget-header {
	left: 40px;
}

.layout.collapsed .content .scroll-wrap {
	width: inherit;
	min-width: 838px;
}

.collapsed-buttons .active button {
	background-color: #194853;
	color: #fff;
}

.collapsed-buttons .active .collapsed-budget {
	color: #ceec00;
}

.collapsed-buttons .active .collapsed-reports {
	color: #fed168;
}

.collapsed-buttons .active .collapsed-account {
	color: #32dcff;
}

Fix fluid size for collapsable side menu
Fix fluid size for collapsable side menu

The collapsable side menu allows you to save some space, but unfortunately there's a media query for `max-width: 1100px` where there's a `width: 838px;`. This fixes this by setting it as a `min-width` instead, allowing for a fluid resize of the layout when it's between 838 and 1100 pixels wide.