diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7a7f3d285..5f7817dfc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## Not released
 
 - Storybook documentation and fixes [#629](https://github.com/CartoDB/carto-react/pull/629)
+- Note component cleaned styles from makeStyles [#630](https://github.com/CartoDB/carto-react/pull/630)
 
 ## 2.0
 
diff --git a/packages/react-ui/src/widgets/legend/Note.js b/packages/react-ui/src/widgets/legend/Note.js
index 57b9e1fce..b2e44d74e 100644
--- a/packages/react-ui/src/widgets/legend/Note.js
+++ b/packages/react-ui/src/widgets/legend/Note.js
@@ -1,17 +1,8 @@
 import { Box } from '@mui/material';
-import makeStyles from '@mui/styles/makeStyles';
 import React from 'react';
 import Typography from '../../components/atoms/Typography';
 
-const useNoteStyles = makeStyles(() => ({
-  note: {
-    fontWeight: 'normal'
-  }
-}));
-
 export default function Note({ children }) {
-  const classes = useNoteStyles();
-
   if (!children) {
     return null;
   }
@@ -19,9 +10,7 @@ export default function Note({ children }) {
   return (
     <Box mt={1} data-testid='note-legend'>
       <Typography variant='caption'>Note:</Typography>{' '}
-      <Typography className={classes.note} variant='caption'>
-        {children}
-      </Typography>
+      <Typography variant='caption'>{children}</Typography>
     </Box>
   );
 }