When I hover the text it just scales the icon when i hover it it does not work.

<ListItem sx={{ fontSize: '14px' }}>
            <motion.div style={{ display: 'flex', alignItems: 'center' }}>
              <Link href='/Blog' style={{ marginRight: '4px' }}>Blog</Link>
            <motion.div whileHover={{ scale: 1.2 }} style={{ marginLeft: '4px' }}>
              <CallMadeIcon sx={{ fontSize: '18px' }} />
              </motion.div>
            </motion.div>
          </ListItem>

Is there any solution I’m running out of ideas