From a78b4ee8b7e647511bf4708b14daa3fc7fb7962f Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Mon, 11 Dec 2023 18:22:53 -0500
Subject: [PATCH] actionListItemSelector

---
 .../redux-devtools-inspector-monitor/src/ActionListRow.tsx  | 3 ++-
 .../src/utils/createStylingFromTheme.ts                     | 6 ++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx b/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx
index 71f4ef22..335b9cb9 100644
--- a/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx
+++ b/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx
@@ -10,6 +10,7 @@ import {
   actionListItemButtonsCss,
   actionListItemCss,
   actionListItemSelectedCss,
+  actionListItemSelectorCss,
   actionListItemSkippedCss,
   actionListItemTimeCss,
 } from './utils/createStylingFromTheme';
@@ -121,7 +122,7 @@ export default class ActionListRow<
               </div>
             </RightSlider>
             <RightSlider styling={styling} shown={showButtons} rotate>
-              <div {...styling('actionListItemSelector')}>
+              <div css={actionListItemSelectorCss}>
                 {([BUTTON_JUMP, BUTTON_SKIP] as const).map(
                   (btn) =>
                     (!isInitAction || btn !== BUTTON_SKIP) && (
diff --git a/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts b/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
index 20c1d523..12f2b9eb 100644
--- a/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
+++ b/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
@@ -146,11 +146,9 @@ export const actionListItemTimeCss: Interpolation<Theme> = (theme) => ({
   color: colorMap(theme).ACTION_TIME_COLOR,
 });
 
-const getSheetFromColorMap = (map: ColorMap) => ({
-  actionListItemSelector: {
-    display: 'inline-flex',
-  },
+export const actionListItemSelectorCss = css({ display: 'inline-flex' });
 
+const getSheetFromColorMap = (map: ColorMap) => ({
   actionListItemName: {
     overflow: 'hidden',
     'text-overflow': 'ellipsis',