From ef762c3b9080d129dacfa4d9967cc275bf7ed045 Mon Sep 17 00:00:00 2001
From: fzaninotto <fzaninotto@gmail.com>
Date: Fri, 25 Aug 2023 18:04:49 +0200
Subject: [PATCH] Fix bulk actions toolbar styling issue on mobile

Closes BulkActionButtons mobile styling issue #9195
---
 packages/ra-ui-materialui/src/list/BulkActionsToolbar.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/ra-ui-materialui/src/list/BulkActionsToolbar.tsx b/packages/ra-ui-materialui/src/list/BulkActionsToolbar.tsx
index 65e2c9de17..6ad315da41 100644
--- a/packages/ra-ui-materialui/src/list/BulkActionsToolbar.tsx
+++ b/packages/ra-ui-materialui/src/list/BulkActionsToolbar.tsx
@@ -143,6 +143,9 @@ const Root = styled('div', {
     [`& .${BulkActionsToolbarClasses.topToolbar}`]: {
         paddingBottom: theme.spacing(1),
         minHeight: 'auto',
+        [theme.breakpoints.down('sm')]: {
+            backgroundColor: 'transparent',
+        },
     },
 
     [`& .${BulkActionsToolbarClasses.buttons}`]: {},