diff --git a/website/src/components/accordion.js b/website/src/components/accordion.js
index efe2477a3..ba2606b93 100644
--- a/website/src/components/accordion.js
+++ b/website/src/components/accordion.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
 import Link from './link'
-import classes from '../styles/accordion.module.sass'
+import * as classes from '../styles/accordion.module.sass'
 
 export default function Accordion({ title, id, expanded = false, spaced = false, children }) {
     const [isExpanded, setIsExpanded] = useState(true)
diff --git a/website/src/components/alert.js b/website/src/components/alert.js
index bc928a0b4..60afb0e8d 100644
--- a/website/src/components/alert.js
+++ b/website/src/components/alert.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
 import Icon from './icon'
-import classes from '../styles/alert.module.sass'
+import * as classes from '../styles/alert.module.sass'
 
 export default function Alert({ title, icon, variant, closeOnClick = true, children }) {
     const [visible, setVisible] = useState(true)
diff --git a/website/src/components/aside.js b/website/src/components/aside.js
index e7b94ee1d..055dc8fc6 100644
--- a/website/src/components/aside.js
+++ b/website/src/components/aside.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import classes from '../styles/aside.module.sass'
+import * as classes from '../styles/aside.module.sass'
 
 export default function Aside({ title, children }) {
     return (
diff --git a/website/src/components/button.js b/website/src/components/button.js
index 990599e61..78f6d4bc1 100644
--- a/website/src/components/button.js
+++ b/website/src/components/button.js
@@ -4,7 +4,7 @@ import classNames from 'classnames'
 
 import Link from './link'
 import Icon from './icon'
-import classes from '../styles/button.module.sass'
+import * as classes from '../styles/button.module.sass'
 
 export default function Button({
     to,
diff --git a/website/src/components/card.js b/website/src/components/card.js
index 852349f24..409063ecc 100644
--- a/website/src/components/card.js
+++ b/website/src/components/card.js
@@ -4,7 +4,7 @@ import classNames from 'classnames'
 
 import Link from './link'
 import { H5 } from './typography'
-import classes from '../styles/card.module.sass'
+import * as classes from '../styles/card.module.sass'
 
 export default function Card({ title, to, image, header, small, onClick, children }) {
     return (
diff --git a/website/src/components/code.js b/website/src/components/code.js
index 6e9f0c22e..7b7dbef16 100644
--- a/website/src/components/code.js
+++ b/website/src/components/code.js
@@ -11,7 +11,7 @@ import CUSTOM_TYPES from '../../meta/type-annotations.json'
 import { isString, htmlToReact } from './util'
 import Link, { OptionalLink } from './link'
 import GitHubCode from './github'
-import classes from '../styles/code.module.sass'
+import * as classes from '../styles/code.module.sass'
 
 const WRAP_THRESHOLD = 30
 const CLI_GROUPS = ['init', 'debug', 'project', 'ray', 'huggingface-hub']
diff --git a/website/src/components/copy.js b/website/src/components/copy.js
index e622c0f84..5de3171da 100644
--- a/website/src/components/copy.js
+++ b/website/src/components/copy.js
@@ -1,7 +1,7 @@
 import React, { useState, useRef } from 'react'
 
 import Icon from './icon'
-import classes from '../styles/copy.module.sass'
+import * as classes from '../styles/copy.module.sass'
 
 export function copyToClipboard(ref, callback) {
     const isClient = typeof window !== 'undefined'
diff --git a/website/src/components/dropdown.js b/website/src/components/dropdown.js
index ae5c42415..6ac8ce248 100644
--- a/website/src/components/dropdown.js
+++ b/website/src/components/dropdown.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import classNames from 'classnames'
 import { navigate } from 'gatsby'
 
-import classes from '../styles/dropdown.module.sass'
+import * as classes from '../styles/dropdown.module.sass'
 
 export default function Dropdown({ defaultValue, className, onChange, children }) {
     const defaultOnChange = ({ target }) => {
diff --git a/website/src/components/embed.js b/website/src/components/embed.js
index 9f959bc99..8ff6c4f9e 100644
--- a/website/src/components/embed.js
+++ b/website/src/components/embed.js
@@ -7,7 +7,7 @@ import Button from './button'
 import { InlineCode } from './code'
 import { markdownToReact } from './util'
 
-import classes from '../styles/embed.module.sass'
+import * as classes from '../styles/embed.module.sass'
 
 const YouTube = ({ id, ratio = '16x9', className }) => {
     const embedClassNames = classNames(classes.root, classes.responsive, className, {
diff --git a/website/src/components/footer.js b/website/src/components/footer.js
index 9922cde88..55cfcfa15 100644
--- a/website/src/components/footer.js
+++ b/website/src/components/footer.js
@@ -7,7 +7,7 @@ import Link from './link'
 import Grid from './grid'
 import Newsletter from './newsletter'
 import ExplosionLogo from '-!svg-react-loader!../images/explosion.svg'
-import classes from '../styles/footer.module.sass'
+import * as classes from '../styles/footer.module.sass'
 
 export default function Footer({ wide = false }) {
     return (
diff --git a/website/src/components/github.js b/website/src/components/github.js
index d8f6f6bf3..1653ca459 100644
--- a/website/src/components/github.js
+++ b/website/src/components/github.js
@@ -5,7 +5,7 @@ import highlightCode from 'gatsby-remark-prismjs/highlight-code.js'
 
 import Icon from './icon'
 import Link from './link'
-import classes from '../styles/code.module.sass'
+import * as classes from '../styles/code.module.sass'
 
 const defaultErrorMsg = `Can't fetch code example from GitHub :(
 
diff --git a/website/src/components/grid.js b/website/src/components/grid.js
index 299fcf931..fadd48253 100644
--- a/website/src/components/grid.js
+++ b/website/src/components/grid.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import classes from '../styles/grid.module.sass'
+import * as classes from '../styles/grid.module.sass'
 
 export default function Grid({
     cols = 1,
diff --git a/website/src/components/icon.js b/website/src/components/icon.js
index adb9da9a5..d5c03ab54 100644
--- a/website/src/components/icon.js
+++ b/website/src/components/icon.js
@@ -26,7 +26,7 @@ import DownloadIcon from '-!svg-react-loader!../images/icons/download.svg'
 import PackageIcon from '-!svg-react-loader!../images/icons/package.svg'
 
 import { isString } from './util'
-import classes from '../styles/icon.module.sass'
+import * as classes from '../styles/icon.module.sass'
 
 const icons = {
     github: GitHubIcon,
diff --git a/website/src/components/infobox.js b/website/src/components/infobox.js
index 6df8426b8..f5765f460 100644
--- a/website/src/components/infobox.js
+++ b/website/src/components/infobox.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
 import Icon from './icon'
-import classes from '../styles/infobox.module.sass'
+import * as classes from '../styles/infobox.module.sass'
 
 export default function Infobox({
     title,
diff --git a/website/src/components/landing.js b/website/src/components/landing.js
index de054ddce..5d3de0fc4 100644
--- a/website/src/components/landing.js
+++ b/website/src/components/landing.js
@@ -14,7 +14,7 @@ import Button from './button'
 import CodeBlock from './code'
 import { H1, H2, H3 } from './typography'
 import Link from './link'
-import classes from '../styles/landing.module.sass'
+import * as classes from '../styles/landing.module.sass'
 
 function getPattern(nightly, legacy) {
     if (nightly) return { pattern: patternNightly, overlay: overlayNightly }
diff --git a/website/src/components/link.js b/website/src/components/link.js
index 178cb7105..e18bd7669 100644
--- a/website/src/components/link.js
+++ b/website/src/components/link.js
@@ -4,7 +4,7 @@ import { Link as GatsbyLink } from 'gatsby'
 import classNames from 'classnames'
 
 import Icon from './icon'
-import classes from '../styles/link.module.sass'
+import * as classes from '../styles/link.module.sass'
 import { isString, isImage } from './util'
 
 const internalRegex = /(http(s?)):\/\/(prodi.gy|spacy.io|irl.spacy.io|explosion.ai|course.spacy.io)/gi
diff --git a/website/src/components/list.js b/website/src/components/list.js
index d31617487..ce55ac869 100644
--- a/website/src/components/list.js
+++ b/website/src/components/list.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import classNames from 'classnames'
 
-import classes from '../styles/list.module.sass'
+import * as classes from '../styles/list.module.sass'
 import { replaceEmoji } from './icon'
 
 export const Ol = props => <ol className={classes.ol} {...props} />
diff --git a/website/src/components/main.js b/website/src/components/main.js
index a11a04305..3b9560bab 100644
--- a/website/src/components/main.js
+++ b/website/src/components/main.js
@@ -7,7 +7,7 @@ import patternGreen from '../images/pattern_green.jpg'
 import patternPurple from '../images/pattern_purple.jpg'
 import patternNightly from '../images/pattern_nightly.jpg'
 import patternLegacy from '../images/pattern_legacy.jpg'
-import classes from '../styles/main.module.sass'
+import * as classes from '../styles/main.module.sass'
 
 const patterns = {
     blue: patternBlue,
diff --git a/website/src/components/navigation.js b/website/src/components/navigation.js
index b498df451..bc5038004 100644
--- a/website/src/components/navigation.js
+++ b/website/src/components/navigation.js
@@ -8,7 +8,7 @@ import Icon from './icon'
 import Dropdown from './dropdown'
 import { github } from './util'
 import Logo from '-!svg-react-loader!../images/logo.svg'
-import classes from '../styles/navigation.module.sass'
+import * as classes from '../styles/navigation.module.sass'
 
 const NavigationDropdown = ({ items = [], section }) => {
     const active = items.find(({ text }) => text.toLowerCase() === section)
diff --git a/website/src/components/newsletter.js b/website/src/components/newsletter.js
index d546246e8..c45ccc0eb 100644
--- a/website/src/components/newsletter.js
+++ b/website/src/components/newsletter.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import classes from '../styles/newsletter.module.sass'
+import * as classes from '../styles/newsletter.module.sass'
 
 export default function Newsletter({ user, id, list }) {
     const action = `//${user}.list-manage.com/subscribe/post?u=${id}&amp;id=${list}`
diff --git a/website/src/components/progress.js b/website/src/components/progress.js
index e720f6711..f87f50c90 100644
--- a/website/src/components/progress.js
+++ b/website/src/components/progress.js
@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react'
 import { document, window } from 'browser-monads'
 
-import classes from '../styles/progress.module.sass'
+import * as classes from '../styles/progress.module.sass'
 
 function getOffset() {
     const height = Math.max(
diff --git a/website/src/components/quickstart.js b/website/src/components/quickstart.js
index a32db8975..b10a93006 100644
--- a/website/src/components/quickstart.js
+++ b/website/src/components/quickstart.js
@@ -7,7 +7,7 @@ import Section from './section'
 import Icon from './icon'
 import { H2 } from './typography'
 import { copyToClipboard } from './copy'
-import classes from '../styles/quickstart.module.sass'
+import * as classes from '../styles/quickstart.module.sass'
 
 function getNewChecked(optionId, checkedForId, multiple) {
     if (!multiple) return [optionId]
diff --git a/website/src/components/readnext.js b/website/src/components/readnext.js
index 09c0e4655..9e32a0765 100644
--- a/website/src/components/readnext.js
+++ b/website/src/components/readnext.js
@@ -5,7 +5,7 @@ import Icon from './icon'
 import Link from './link'
 import { Label } from './typography'
 
-import classes from '../styles/readnext.module.sass'
+import * as classes from '../styles/readnext.module.sass'
 
 export default function ReadNext({ title, to }) {
     return (
diff --git a/website/src/components/search.js b/website/src/components/search.js
index 65d6f235a..be514181f 100644
--- a/website/src/components/search.js
+++ b/website/src/components/search.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import { window } from 'browser-monads'
 
 import Icon from './icon'
-import classes from '../styles/search.module.sass'
+import * as classes from '../styles/search.module.sass'
 
 export default function Search({ id = 'docsearch', placeholder = 'Search docs', settings = {} }) {
     const { apiKey, indexName, appId } = settings
diff --git a/website/src/components/section.js b/website/src/components/section.js
index d21f88bb5..5bc298ff0 100644
--- a/website/src/components/section.js
+++ b/website/src/components/section.js
@@ -4,7 +4,7 @@ import classNames from 'classnames'
 import { useInView } from 'react-intersection-observer'
 import { window } from 'browser-monads'
 
-import classes from '../styles/section.module.sass'
+import * as classes from '../styles/section.module.sass'
 
 export default function Section({ id, className, ...props }) {
     const sectionClassNames = classNames(classes.root, className)
diff --git a/website/src/components/sidebar.js b/website/src/components/sidebar.js
index 07c8f377c..84e1db0d5 100644
--- a/website/src/components/sidebar.js
+++ b/website/src/components/sidebar.js
@@ -6,7 +6,7 @@ import { window } from 'browser-monads'
 import Link from './link'
 import Tag from './tag'
 import Dropdown from './dropdown'
-import classes from '../styles/sidebar.module.sass'
+import * as classes from '../styles/sidebar.module.sass'
 
 function getActiveHeading(items, slug) {
     if (/^\/?universe/.test(slug)) return 'Universe'
diff --git a/website/src/components/table.js b/website/src/components/table.js
index 88ca86888..8be307ced 100644
--- a/website/src/components/table.js
+++ b/website/src/components/table.js
@@ -3,7 +3,7 @@ import classNames from 'classnames'
 
 import { replaceEmoji } from './icon'
 import { isString } from './util'
-import classes from '../styles/table.module.sass'
+import * as classes from '../styles/table.module.sass'
 
 const FOOT_ROW_REGEX = /^(RETURNS|YIELDS|CREATES|PRINTS|EXECUTES|UPLOADS|DOWNLOADS)/
 
diff --git a/website/src/components/tag.js b/website/src/components/tag.js
index b406e771e..cec6aa366 100644
--- a/website/src/components/tag.js
+++ b/website/src/components/tag.js
@@ -4,7 +4,7 @@ import classNames from 'classnames'
 
 import { isString } from './util'
 import Icon from './icon'
-import classes from '../styles/tag.module.sass'
+import * as classes from '../styles/tag.module.sass'
 
 const MIN_VERSION = 3
 
diff --git a/website/src/components/title.js b/website/src/components/title.js
index fe7a14d7f..6a6b0f0c5 100644
--- a/website/src/components/title.js
+++ b/website/src/components/title.js
@@ -9,7 +9,7 @@ import { InlineCode } from './code'
 import { H1, Label, InlineList, Help } from './typography'
 import Icon from './icon'
 
-import classes from '../styles/title.module.sass'
+import * as classes from '../styles/title.module.sass'
 
 const MetaItem = ({ label, url, children, help }) => (
     <span>
diff --git a/website/src/components/typography.js b/website/src/components/typography.js
index 1c03b7a54..bd1025751 100644
--- a/website/src/components/typography.js
+++ b/website/src/components/typography.js
@@ -6,7 +6,7 @@ import Tag from './tag'
 import Button from './button'
 import Icon from './icon'
 import { isString, github, headingTextClassName } from './util'
-import classes from '../styles/typography.module.sass'
+import * as classes from '../styles/typography.module.sass'
 
 export const H1 = ({ Component = 'h1', className, ...props }) => (
     <Headline