fix caret rotation

website/css/_base.scss

@@ -59,6 +59,10 @@ code {
     vertical-align: -5px;
     margin-left: 8px;
   }
+
+  .is-rotated svg {
+    transform: rotate(180deg);
+  }
 }
 
 @media (min-width: $breakpoint-md) {

website/js/components/Question.js

@@ -16,8 +16,9 @@ export default ({ name, question, answer, goodToHear, isOpen, expertise }) => (
     >
       {isOpen ? "Hide" : "Show"} answer
       <i
+        class={cc({ "is-rotated": isOpen })}
         innerHTML={feather.icons["chevron-down"].toSvg({
-          class: cc("btn__icon", { "is-rotated": isOpen })
+          class: "btn__icon"
         })}
       />
     </button>

website/js/utils.js

@@ -1,4 +1,4 @@
-export const cc = (constant, conditionalClasses) => {
+export const cc = (constant, conditionalClasses = constant) => {
   const res = Object.keys(conditionalClasses).reduce(
     (acc, className) =>
       acc + (conditionalClasses[className] ? " " + className : ""),