Merge pull request #2389 from shanberg/fix-right-sidebar-item-bg

fix: right sidebar items have proper bg
athensresearch · Sep 26, 2022 · a32c87b · a32c87b
2 parents 68ff509 + 6bea740
commit a32c87b
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/js/components/Layout/RightSidebar.tsx b/src/js/components/Layout/RightSidebar.tsx
@@ -101,7 +101,8 @@ export const SidebarItem = ({ title, type, isOpen, onToggle, onRemove, onNavigat
   const className = { "page": "node-page", "block": "block-page", "graph": "graph-page" }[type];
   return (
     <VStack
-      layerStyle="card"
+      bg="background.upper"
+      borderRadius="md"
       overflow="hidden"
       align="stretch"
       position="relative"
@@ -112,7 +113,8 @@ export const SidebarItem = ({ title, type, isOpen, onToggle, onRemove, onNavigat
         "--page-left-gutter-width": "1em",
         "--page-right-gutter-width": "3em",
       }}
-      mt={2}>
+      mt={2}
+    >
       <Flex
         alignItems="center"
         justifyContent="center"