From 6f7649b169a8d833465a14c882e79829fbc8bd20 Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Mon, 11 Dec 2023 18:35:59 -0500
Subject: [PATCH] actionListHeaderWrapper

---
 .../src/ActionListHeader.tsx                           |  3 ++-
 .../src/utils/createStylingFromTheme.ts                | 10 +++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/redux-devtools-inspector-monitor/src/ActionListHeader.tsx b/packages/redux-devtools-inspector-monitor/src/ActionListHeader.tsx
index 410ca21b..4e124bf1 100644
--- a/packages/redux-devtools-inspector-monitor/src/ActionListHeader.tsx
+++ b/packages/redux-devtools-inspector-monitor/src/ActionListHeader.tsx
@@ -5,6 +5,7 @@ import {
   actionListHeaderCss,
   actionListHeaderSearchCss,
   actionListHeaderSelectorCss,
+  actionListHeaderWrapperCss,
 } from './utils/createStylingFromTheme';
 
 const getActiveButtons = (hasSkippedActions: boolean): ('Sweep' | 'Commit')[] =>
@@ -41,7 +42,7 @@ const ActionListHeader: FunctionComponent<Props> = ({
       value={searchValue}
     />
     {!hideMainButtons && (
-      <div {...styling('actionListHeaderWrapper')}>
+      <div css={actionListHeaderWrapperCss}>
         <RightSlider shown={hasStagedActions} styling={styling}>
           <div css={actionListHeaderSelectorCss}>
             {getActiveButtons(hasSkippedActions).map((btn) => (
diff --git a/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts b/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
index 59561eb2..bc9666b3 100644
--- a/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
+++ b/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
@@ -179,12 +179,12 @@ export const actionListHeaderSearchCss: Interpolation<Theme> = (theme) => ({
   },
 });
 
-const getSheetFromColorMap = (map: ColorMap) => ({
-  actionListHeaderWrapper: {
-    position: 'relative',
-    height: '20px',
-  },
+export const actionListHeaderWrapperCss = css({
+  position: 'relative',
+  height: '20px',
+});
 
+const getSheetFromColorMap = (map: ColorMap) => ({
   actionPreview: {
     flex: 1,
     display: 'flex',