diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/DatagridExpandedRow.tsx b/packages/ibm-products/src/components/Datagrid/Datagrid/DatagridExpandedRow.tsx
index c44f4c74c2..68f69e580e 100644
--- a/packages/ibm-products/src/components/Datagrid/Datagrid/DatagridExpandedRow.tsx
+++ b/packages/ibm-products/src/components/Datagrid/Datagrid/DatagridExpandedRow.tsx
@@ -44,8 +44,10 @@ const DatagridExpandedRow =
{
+ if (el && el.style && expandedContentHeight) {
+ el.style.height = `${expandedContentHeight}px`;
+ }
}}
>
diff --git a/packages/ibm-products/src/components/Datagrid/utils/DatagridActions.js b/packages/ibm-products/src/components/Datagrid/utils/DatagridActions.js
index 19828751ab..1bc016dc5c 100644
--- a/packages/ibm-products/src/components/Datagrid/utils/DatagridActions.js
+++ b/packages/ibm-products/src/components/Datagrid/utils/DatagridActions.js
@@ -57,11 +57,6 @@ export const DatagridActions = (datagridState) => {
const searchForAColumn = 'Search';
const isNothingSelected = selectedFlatRows.length === 0;
- const style = {
- 'button:nthChild(1) > span:nthChild(1)': {
- bottom: '-37px',
- },
- };
const renderFilterFlyout = () =>
filterProps?.variation === 'flyout' && (
@@ -101,24 +96,18 @@ export const DatagridActions = (datagridState) => {
{!mobileToolbar ? (
<>
{renderFilterPanelButton()}
-
-
-
+
{renderFilterFlyout()}
- {CustomizeColumnsButton && (
-
-
-
- )}
+ {CustomizeColumnsButton && }
-
+
@@ -150,31 +139,26 @@ export const DatagridActions = (datagridState) => {
onChange={(e) => setGlobalFilter(e.target.value)}
/>
{renderFilterFlyout()}
-
-
-
-
-
-
- {CustomizeColumnsButton && (
-
-
-
- )}
+
+
+
+
+
+ {CustomizeColumnsButton && }
|