fix edit icons hover

src/components/common/ListSuperLikes/ListSuperLikes.tsx

@@ -111,7 +111,7 @@ export default function ListSuperLikes({ superlikes }) {
                     fontSize: '15px'
                   }}>
                     <Typography
-                      sx={{ display: "inline" }}
+                      sx={{ display: "inline", wordBreak: "break-word", fontSize: '16px'}}
                       component="span"
                       variant="body2"
                       color="text.primary"

src/pages/Home/VideoList-styles.tsx

@@ -40,6 +40,7 @@ export const VideoCardContainer = styled('div')(({ theme }) => ({
 }));
 
 export const VideoCardCol = styled('div')({
+  position: 'relative',
   minWidth: '250px', // Minimum width of each item
   maxWidth: '1fr',   // Maximum width, allowing the item to fill the column
   // ... other styles