diff --git a/products/jbrowse-react-linear-genome-view/src/JBrowseLinearGenomeView/JBrowseLinearGenomeView.tsx b/products/jbrowse-react-linear-genome-view/src/JBrowseLinearGenomeView/JBrowseLinearGenomeView.tsx
index c52e561bc8..ac53122c1e 100644
--- a/products/jbrowse-react-linear-genome-view/src/JBrowseLinearGenomeView/JBrowseLinearGenomeView.tsx
+++ b/products/jbrowse-react-linear-genome-view/src/JBrowseLinearGenomeView/JBrowseLinearGenomeView.tsx
@@ -6,7 +6,6 @@ import ModalWidget from './ModalWidget'
 import ViewContainer from './ViewContainer'
 
 type Session = Instance<ReturnType<typeof createSessionModel>>
-
 function JBrowseLinearGenomeView({
   viewState,
 }: {
@@ -21,7 +20,9 @@ function JBrowseLinearGenomeView({
   const { ReactComponent } = viewType
 
   return (
-    <div>
+    // avoid parent styles getting into this div
+    // https://css-tricks.com/almanac/properties/a/all/
+    <div style={{ all: 'initial' }}>
       <ViewContainer key={`view-${view.id}`} view={view}>
         <ReactComponent model={view} session={session} />
       </ViewContainer>
diff --git a/products/jbrowse-react-linear-genome-view/src/JBrowseLinearGenomeView/__snapshots__/JBrowseLinearGenomeView.test.tsx.snap b/products/jbrowse-react-linear-genome-view/src/JBrowseLinearGenomeView/__snapshots__/JBrowseLinearGenomeView.test.tsx.snap
index e042c4e41a..61fc85b2fb 100644
--- a/products/jbrowse-react-linear-genome-view/src/JBrowseLinearGenomeView/__snapshots__/JBrowseLinearGenomeView.test.tsx.snap
+++ b/products/jbrowse-react-linear-genome-view/src/JBrowseLinearGenomeView/__snapshots__/JBrowseLinearGenomeView.test.tsx.snap
@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<JBrowseLinearGenomeView /> renders successfully 1`] = `
-<div>
+<div
+  style="all: initial;"
+>
   <div
     class="MuiPaper-root makeStyles-viewContainer MuiPaper-elevation12 MuiPaper-rounded"
     style="padding: 0px 8px 8px;"
diff --git a/products/jbrowse-react-linear-genome-view/stories/JBrowseLinearGenomeView.stories.tsx b/products/jbrowse-react-linear-genome-view/stories/JBrowseLinearGenomeView.stories.tsx
index 9e03b01af9..2661b7ca49 100644
--- a/products/jbrowse-react-linear-genome-view/stories/JBrowseLinearGenomeView.stories.tsx
+++ b/products/jbrowse-react-linear-genome-view/stories/JBrowseLinearGenomeView.stories.tsx
@@ -70,6 +70,27 @@ export const OneLinearGenomeView = () => {
   )
 }
 
+export const OneLinearGenomeViewWithOutsideStyling = () => {
+  const state = createViewState({
+    assembly,
+    tracks,
+    defaultSession,
+    location: 'ctgA:1105..1221',
+    onChange: patch => {
+      // eslint-disable-next-line no-console
+      console.log('patch', patch)
+    },
+  })
+  return (
+    <div style={{ textAlign: 'center', fontFamily: 'monospace' }}>
+      <h2>Hello world, this is centered but not affecting the internal LGV</h2>
+      <ThemeProvider theme={theme}>
+        <JBrowseLinearGenomeView viewState={state} />
+      </ThemeProvider>
+    </div>
+  )
+}
+
 export const TwoLinearGenomeViews = () => {
   const state1 = createViewState({
     assembly,