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>