diff --git a/website/gatsby-browser.js b/website/gatsby-browser.js
index 3b570703d..60372e398 100644
--- a/website/gatsby-browser.js
+++ b/website/gatsby-browser.js
@@ -2,6 +2,7 @@ import { navigate } from 'gatsby'
 
 import './src/styles/layout.sass'
 import Juniper from './src/components/juniper'
+import 'intersection-observer'
 
 // Workaround to rewrite anchor links
 const clientSideRewrites = {
diff --git a/website/src/components/section.js b/website/src/components/section.js
index e1d009a99..c422877b1 100644
--- a/website/src/components/section.js
+++ b/website/src/components/section.js
@@ -1,7 +1,6 @@
 import React, { useEffect } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import 'intersection-observer'
 import { useInView } from 'react-intersection-observer'
 import { window } from 'browser-monads'