diff --git a/packages/apps/explorer/src/components/data-render-component/styles.css.ts b/packages/apps/explorer/src/components/data-render-component/styles.css.ts index 435382f74b..23ae460aa5 100644 --- a/packages/apps/explorer/src/components/data-render-component/styles.css.ts +++ b/packages/apps/explorer/src/components/data-render-component/styles.css.ts @@ -1,12 +1,14 @@ -import { atoms } from '@kadena/react-ui/styles'; +import { atoms, token } from '@kadena/react-ui/styles'; import { style } from '@vanilla-extract/css'; export const sectionClass = style([ atoms({ padding: 'n6', - backgroundColor: 'base.default', marginBlockEnd: 'md', }), + { + backgroundColor: token('color.background.surface.default'), + }, ]); export const headingClass = style([ diff --git a/packages/apps/explorer/src/components/layout/layout.tsx b/packages/apps/explorer/src/components/layout/layout.tsx index bbbb22b4eb..84ef88532b 100644 --- a/packages/apps/explorer/src/components/layout/layout.tsx +++ b/packages/apps/explorer/src/components/layout/layout.tsx @@ -3,7 +3,8 @@ import Header from '@/components/header/header'; import { Stack } from '@kadena/react-ui'; import type { FC, ReactNode } from 'react'; import React from 'react'; -import { documentStyle, layoutWrapperClass } from './styles.css'; +import { contentClass, documentStyle, layoutWrapperClass } from './styles.css'; +import classNames from 'classnames'; interface IProps { children?: ReactNode; @@ -14,7 +15,7 @@ export const Layout: FC = ({ children }: IProps) => {
- + {children}