several adjustments based on Malin's feedback

assets/stylesheets/course/index.css

@@ -1,10 +1,6 @@
 @import './card';
 
 @block course {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
   @element title {
     margin-bottom: calc(var(--grid-gutter));
   }

assets/stylesheets/global/sidebar-menu.css

@@ -16,9 +16,13 @@
     display: block;
     color: var(--color-text-grey);
 
+    &:hover,
+    &.active {
+      color: var(--color-text-default);
+    }
+
     &.active {
       font-family: var(--font-medium);
-      color: var(--color-text-default);
     }
   }
 }

assets/stylesheets/global/table-of-contents.css

@@ -22,12 +22,12 @@
 
     &:hover,
     &.active {
-      font-family: var(--font-medium);
       color: var(--color-text-default);
     }
 
     &.active {
       position: relative;
+      font-family: var(--font-medium);
 
       &:before,
       &:after {

assets/stylesheets/layout/layout-sidebar.css

@@ -48,6 +48,7 @@
 
     & > * {
       max-width: var(--layout-sidebar-content-width);
+      width: 100%;
     }
   }
 }

assets/stylesheets/lesson/index.css

@@ -8,10 +8,6 @@
 }
 
 @block lesson {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
   @element title {
     margin-bottom: calc(var(--grid-gutter));
   }