diff --git a/src/components/molecules/CurriculumItem/CurriculumItem.tsx b/src/components/molecules/CurriculumItem/CurriculumItem.tsx
index 990cfbb..9dd4c02 100644
--- a/src/components/molecules/CurriculumItem/CurriculumItem.tsx
+++ b/src/components/molecules/CurriculumItem/CurriculumItem.tsx
@@ -16,6 +16,7 @@ const CurriculumItem = (props: CurriculumEntryProps) => {
       disableGutters
       elevation={0}
       sx={{
+        bgcolor: 'background.default', // use summary hover background
         flexDirection: 'row-reverse',
         '&:not(:last-child)': {
           borderBottom: 0,
@@ -23,6 +24,20 @@ const CurriculumItem = (props: CurriculumEntryProps) => {
         '&::before': {
           display: 'none',
         },
+        '&:hover': {
+          borderBottom: '1px solid',
+          borderTop: '1px solid',
+          bgcolor: 'background.paper', // use summary hover background
+          elevation: 1,
+          // '& .MuiAccordionSummary-expandIconWrapper .MuiSvgIcon-root': { color: 'primary.dark' }, // use summary hover icon color
+        },
+        '&.Mui-expanded': {
+          borderBottom: '1px solid',
+          borderTop: '1px solid',
+          bgcolor: 'background.paper', // use summary hover background
+          elevation: 1,
+          // '& .MuiAccordionSummary-expandIconWrapper .MuiSvgIcon-root': { color: 'primary.dark' }, // use summary hover icon color
+        },
       }}>
       <AccordionSummary
         expandIcon={<ExpandIcon />}