diff --git a/webapp/src/components/ChipList/index.js b/webapp/src/components/ChipList/index.js
index 6eafe4f0..db2055d7 100644
--- a/webapp/src/components/ChipList/index.js
+++ b/webapp/src/components/ChipList/index.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Chip } from '@mui/material'
+import Chip from '@mui/material/Chip'
 import { makeStyles } from '@mui/styles'
 
 import styles from './styles'
diff --git a/webapp/src/components/Loader/index.js b/webapp/src/components/Loader/index.js
index 1b307693..2b237ecc 100644
--- a/webapp/src/components/Loader/index.js
+++ b/webapp/src/components/Loader/index.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import { makeStyles } from '@mui/styles'
-import { CircularProgress } from '@mui/material'
+import CircularProgress from '@mui/material/CircularProgress'
 
 import styles from './styles'
 
diff --git a/webapp/src/components/NodeCard/SupportedAPIs.js b/webapp/src/components/NodeCard/SupportedAPIs.js
index eaf963bd..cc64dc28 100644
--- a/webapp/src/components/NodeCard/SupportedAPIs.js
+++ b/webapp/src/components/NodeCard/SupportedAPIs.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { makeStyles } from '@mui/styles'
-import { Button } from '@mui/material'
+import Button from '@mui/material/Button'
 import axios from 'axios'
 
 import ChipList from '../ChipList'