Compact Sidebar
Compact Layout — Sidebar width
210px, tighter nav item height 34px
What is the Compact Sidebar layout?
The sidebar is narrower (210px vs the default 260px) with smaller nav item heights (34px vs 40px) and reduced font sizes. More navigation items fit in the viewport at once, ideal for power users or content-heavy admin panels that need more horizontal space for the content area.
Modifier:
data-layout="compact"
on <html>
Sidebar width: 210px (default 260px —
saves 50px)
Nav item height: 34px (default 40px)
Font size: 13px labels, 10px headings
(default 14px, 12px)
Width Comparison
Visual comparison of sidebar widths across layout variants.
Default
260px
Compact
210px
Icon Only
76px
$284K
Total Revenue
1,842
Customers
5,219
Orders
3.42%
Conversion
All Layout Variants
Browse the full layout collection.