diff --git a/js/components/preview/molecule/moleculeView.js b/js/components/preview/molecule/moleculeView.js
index ed4c4c0f5..8038441ec 100644
--- a/js/components/preview/molecule/moleculeView.js
+++ b/js/components/preview/molecule/moleculeView.js
@@ -48,10 +48,19 @@ const useStyles = makeStyles(theme => ({
   },
   contColButtonSelected: {
     backgroundColor: theme.palette.primary.main,
-    color: theme.palette.primary.contrastText
+    color: theme.palette.primary.contrastText,
+    '&:hover': {
+      backgroundColor: theme.palette.primary.light,
+      color: theme.palette.black
+    }
   },
   contColButtonHalfSelected: {
-    backgroundColor: theme.palette.primary.semidark
+    backgroundColor: theme.palette.primary.semidark,
+    color: theme.palette.primary.contrastText,
+    '&:hover': {
+      backgroundColor: theme.palette.primary.light,
+      color: theme.palette.black
+    }
   },
   detailsCol: {
     border: 'solid 1px',