diff --git a/src/components/UI/docs/Note.tsx b/src/components/UI/docs/Note.tsx
index 5278fc12ba..5445fecc79 100644
--- a/src/components/UI/docs/Note.tsx
+++ b/src/components/UI/docs/Note.tsx
@@ -2,15 +2,16 @@ import { FC } from 'react';
 import { Stack, Text } from '@chakra-ui/react';
 
 interface Props {
-  children: string[];
+  children: string;
 }
 
 export const Note: FC<Props> = ({ children }) => {
   return (
     <Stack w='100%' bg='button-bg' border='2px' borderColor='primary' p={4}>
-      <Text as='h4' textStyle='header4'>
+      <Text as='h4' textStyle='h4' mb={2}>
         Note
       </Text>
+
       <Text textStyle='note-text'>{children}</Text>
     </Stack>
   );