Updated settings components.

components/layout/NavGroup.module.css

@@ -25,6 +25,7 @@
 }
 
 .items {
+  position: relative;
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -33,6 +34,7 @@
 }
 
 .item {
+  position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -43,6 +45,10 @@
   width: 200px;
 }
 
+a.item {
+  color: var(--base700);
+}
+
 .item.selected {
   color: var(--base900);
   border-right-color: var(--primary400);
@@ -58,10 +64,6 @@
   pointer-events: none;
 }
 
-a.item {
-  color: var(--base600);
-}
-
 .minimized .text,
 .minimized .header {
   display: none;
@@ -74,3 +76,18 @@ a.item {
   align-items: center;
   justify-content: center;
 }
+
+.divider:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  border-top: 1px solid var(--base300);
+  width: 160px;
+}
+
+.minimized .divider:before {
+  width: 60px;
+}