make sidebar content slightly wider

Author: mansona

addon/styles/components/es-sidebar.css

@@ -13,7 +13,12 @@
   border-right: 2px solid var(--color-gray-300);
 }
 
-@media (max-width: 844px) {
+.es-sidebar {
+  padding: var(--spacing-4) var(--spacing-2);
+  background-color: var(--color-gray-200);
+}
+
+@media (width <= 844px) {
   .es-sidebar-toggle {
     position: fixed;
     z-index: 1;

addon/styles/sidebar-container.css

@@ -1,5 +1,5 @@
 :root {
-  --sidebar-width: 18.5rem;
+  --sidebar-width: 21rem;
 }
 
 .sidebar-container {