Active ClassItem style fix

src/ui/pages/course/classitemwrapper/ClassItemWrapper.tsx

@@ -19,11 +19,18 @@ export class ClassItemWrapper extends ClassItemWrapperBase {
 
 	protected InnerDiv = styled.div`
 		display: flex;
-		color: #000;
-
 		${HSpacing(px(20))};
+	`;
 
-		&.active {
+	protected Wrapper = styled(NavLink)`
+		${ListItem()};
+		text-decoration: none;
+		padding-right: 20px;
+		padding-left: 20px;
+		color: #000;
+
+		&.active,
+		&.active:hover {
 			color: white;
 			background-color: #236aa7;
 
@@ -33,13 +40,6 @@ export class ClassItemWrapper extends ClassItemWrapperBase {
 		}
 	`;
 
-	protected Wrapper = styled(NavLink)`
-		${ListItem()};
-		text-decoration: none;
-		padding-right: 20px;
-		padding-left: 20px;
-	`;
-
 	public render() {
 		const { course, clazz } = this.props;