diff --git a/src/custom/LearningCard/style.tsx b/src/custom/LearningCard/style.tsx
index 683d33e6..c9b8e28b 100644
--- a/src/custom/LearningCard/style.tsx
+++ b/src/custom/LearningCard/style.tsx
@@ -2,8 +2,8 @@ import { styled } from '@mui/material/styles';
 import { BLACK, ONYX_BLACK, SILVER_GRAY, WHITE } from '../../theme';
 
 const CardWrapper = styled('div')({
-  maxWidth: '28rem',
-  minHeight: '16rem',
+  width: '28rem',
+  height: '16rem',
   margin: 'auto',
   borderRadius: '1rem'
 });
diff --git a/src/custom/Note/Note.tsx b/src/custom/Note/Note.tsx
index a90b495e..09eef230 100644
--- a/src/custom/Note/Note.tsx
+++ b/src/custom/Note/Note.tsx
@@ -12,8 +12,8 @@ const NoteWrapper = styled('div')<NoteWrapperProps>(({ type, theme }) => ({
   background: '#212529',
   color: 'inherit',
   marginTop: '2rem',
-  width: '80%',
-  height: '80%',
+  width: '100%',
+  height: '100%',
   marginBottom: '2rem',
   padding: '0.5rem 1rem',
   borderRadius: 0,