sub menus

packages/website/src/components/DropdownMenu/index.module.css

@@ -1,4 +1,5 @@
-.Content {
+.Content,
+.SubContent {
   --gutter: var(--space-5);
 
   min-width: min(calc(100dvw - 2 * var(--space-4)), 16rem);
@@ -13,8 +14,7 @@
   display: flex;
   flex-direction: column;
 
-  margin-top: var(--space-3);
-  margin-right: var(--space-4);
+  margin: var(--space-4);
 
   box-shadow: var(--shadow-subtle);
   border-radius: var(--space-3);
@@ -47,7 +47,8 @@
 
   .Item,
   .CheckboxItem,
-  .RadioItem {
+  .RadioItem,
+  .SubTrigger {
     position: relative;
 
     background-color: var(--gray-3);
@@ -70,8 +71,8 @@
       background-color: var(--gray-5);
     }
 
-    & + & {
-      border-top: var(--space-1) solid var(--gray-2);
+    &:not(:last-child) {
+      border-bottom: var(--space-1) solid var(--gray-2);
     }
 
     img,