diff --git a/apps/www/src/registry/default/plate-ui/indent-list-toolbar-button.tsx b/apps/www/src/registry/default/plate-ui/indent-list-toolbar-button.tsx
index cccc0c52d3..c1d809ac33 100644
--- a/apps/www/src/registry/default/plate-ui/indent-list-toolbar-button.tsx
+++ b/apps/www/src/registry/default/plate-ui/indent-list-toolbar-button.tsx
@@ -43,12 +43,13 @@ export function NumberedIndentListToolbarButton() {
   return (
     <ToolbarSplitButton pressed={openState.open} tooltip="Numbered List">
       <ToolbarSplitButtonPrimary
+        className="data-[state=on]:bg-accent data-[state=on]:text-accent-foreground"
         onClick={() => {
           toggleIndentList(editor, {
             listStyleType: ListStyleType.Decimal,
           });
         }}
-        pressed={pressed}
+        data-state={pressed ? 'on' : 'off'}
       >
         <ListOrdered className="size-4" />
       </ToolbarSplitButtonPrimary>
@@ -129,12 +130,13 @@ export function BulletedIndentListToolbarButton() {
   return (
     <ToolbarSplitButton pressed={openState.open} tooltip="Bulleted List">
       <ToolbarSplitButtonPrimary
+        className="data-[state=on]:bg-accent data-[state=on]:text-accent-foreground"
         onClick={() => {
           toggleIndentList(editor, {
             listStyleType: ListStyleType.Disc,
           });
         }}
-        pressed={pressed}
+        data-state={pressed ? 'on' : 'off'}
       >
         <List className="size-4" />
       </ToolbarSplitButtonPrimary>
diff --git a/apps/www/src/registry/default/plate-ui/toolbar.tsx b/apps/www/src/registry/default/plate-ui/toolbar.tsx
index 79a199acbc..1d27f55edd 100644
--- a/apps/www/src/registry/default/plate-ui/toolbar.tsx
+++ b/apps/www/src/registry/default/plate-ui/toolbar.tsx
@@ -172,10 +172,8 @@ export const ToolbarSplitButton = React.forwardRef<
 
 export const ToolbarSplitButtonPrimary = React.forwardRef<
   React.ElementRef<typeof ToolbarToggleItem>,
-  Omit<React.ComponentPropsWithoutRef<typeof ToolbarToggleItem>, 'value'> & {
-    pressed?: boolean;
-  }
->(({ children, className, pressed, size, variant, ...props }, ref) => {
+  Omit<React.ComponentPropsWithoutRef<typeof ToolbarToggleItem>, 'value'>
+>(({ children, className, size, variant, ...props }, ref) => {
   return (
     <span
       ref={ref}
@@ -186,10 +184,8 @@ export const ToolbarSplitButtonPrimary = React.forwardRef<
         }),
         'rounded-r-none',
         'group-data-[pressed=true]:bg-accent group-data-[pressed=true]:text-accent-foreground',
-        pressed && 'bg-accent text-accent-foreground',
         className
       )}
-      data-pressed={pressed}
       {...props}
     >
       {children}