From c8f36e9c26c6e81f865f5aee2bae965d52901e59 Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Mon, 24 Jan 2022 14:18:59 -0500
Subject: [PATCH] Default monitors to a monospace font (#1051)

---
 packages/redux-devtools-app/src/containers/monitors/Slider.tsx | 2 +-
 packages/redux-devtools-ui/src/Container/styles/index.ts       | 3 ++-
 .../test/__snapshots__/Container.test.tsx.snap                 | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/redux-devtools-app/src/containers/monitors/Slider.tsx b/packages/redux-devtools-app/src/containers/monitors/Slider.tsx
index 852eb1b0..a465b0ff 100644
--- a/packages/redux-devtools-app/src/containers/monitors/Slider.tsx
+++ b/packages/redux-devtools-app/src/containers/monitors/Slider.tsx
@@ -27,7 +27,7 @@ class Slider extends Component<Props> {
   }
   render() {
     return (
-      <SliderWrapper>
+      <SliderWrapper className="slider">
         <SliderMonitor
           {...this.props.liftedState}
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
diff --git a/packages/redux-devtools-ui/src/Container/styles/index.ts b/packages/redux-devtools-ui/src/Container/styles/index.ts
index 65c548d0..e73b75e7 100644
--- a/packages/redux-devtools-ui/src/Container/styles/index.ts
+++ b/packages/redux-devtools-ui/src/Container/styles/index.ts
@@ -25,7 +25,8 @@ export const MainContainerWrapper = styled.div`
 
   .CodeMirror div,
   pre,
-  .monitor-LogMonitor * {
+  .monitor div,
+  .slider div {
     font-family: ${(props) =>
       props.theme.codeFontFamily || props.theme.fontFamily || 'monospace'};
   }
diff --git a/packages/redux-devtools-ui/test/__snapshots__/Container.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/Container.test.tsx.snap
index 4b1b22a3..15d49195 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/Container.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/Container.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Container renders correctly 1`] = `
 <div
-  class="sc-bdvvtL bKcxHw"
+  class="sc-bdvvtL bHghii"
 >
   Text
 </div>