From 050855307f59c0bd21bd123b89b080cdb4e2f8f2 Mon Sep 17 00:00:00 2001
From: Anirudh-p44 <anirudh.mishra@project44.com>
Date: Fri, 27 Dec 2024 15:14:57 +0530
Subject: [PATCH] feat: INITIATE-3761: Fixing display type.

---
 .../DataTableExpandButton/DataTableExpandButton.tsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.tsx b/packages/react/src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.tsx
index acbe3630..f3c43913 100644
--- a/packages/react/src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.tsx
+++ b/packages/react/src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.tsx
@@ -32,9 +32,9 @@ export function DataTableExpandButton<TData extends RowData>(
     <IconButton
       {...parsedProps}
       css={{
-        display: canExpand || showCanExpandIcon ? 'block' : 'none',
+        display: canExpand || showCanExpandIcon ? 'flex' : 'none',
         '&:hover': {
-          bgColor: '$colors$palette-grey-300',
+          bgColor: '$palette-grey-300',
         },
       }}
       isDisabled={isLoading || !canExpand}