diff --git a/packages/core-components/src/layout/Sidebar/icons/CatalogSidebarLogo.tsx b/packages/core-components/src/layout/Sidebar/icons/CatalogSidebarLogo.tsx
index d42a3ea957..02415d6fbc 100644
--- a/packages/core-components/src/layout/Sidebar/icons/CatalogSidebarLogo.tsx
+++ b/packages/core-components/src/layout/Sidebar/icons/CatalogSidebarLogo.tsx
@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { SvgIcon } from '@material-ui/core';
+import SvgIcon from '@material-ui/core/SvgIcon';
 import React from 'react';
 
 export const CatalogSidebarLogo = () => {
diff --git a/packages/core-components/src/layout/Sidebar/icons/DoubleArrowLeft.tsx b/packages/core-components/src/layout/Sidebar/icons/DoubleArrowLeft.tsx
index ec1dbcdd31..3e773221e2 100644
--- a/packages/core-components/src/layout/Sidebar/icons/DoubleArrowLeft.tsx
+++ b/packages/core-components/src/layout/Sidebar/icons/DoubleArrowLeft.tsx
@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { makeStyles } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
 
 const useStyles = makeStyles({
   svg: {
diff --git a/packages/core-components/src/layout/Sidebar/icons/DoubleArrowRight.tsx b/packages/core-components/src/layout/Sidebar/icons/DoubleArrowRight.tsx
index 00d595175d..f0700a8610 100644
--- a/packages/core-components/src/layout/Sidebar/icons/DoubleArrowRight.tsx
+++ b/packages/core-components/src/layout/Sidebar/icons/DoubleArrowRight.tsx
@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { makeStyles } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
 
 const useStyles = makeStyles({
   svg: {