2 files changed, 11 insertions, 1 deletions
diff --git a/frontend/app/common/app.css b/frontend/app/common/app.css
index d9f9946..2e9dc4e 100644
--- a/frontend/app/common/app.css
+++ b/frontend/app/common/app.css
@@ -147,6 +147,16 @@ header a:active {
 header a.navbar-brand {
   font-size: .8rem;
 }
+header .arrow {
+  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
+  margin-left: -0.5rem;
+  margin-right: 0.25rem;
+  transition: background 0.2s;
+  border-radius: 4px;
+}
+header .arrow:hover {
+  background: rgba(0,0,255,0.5);
+}
 
 header .username {
   cursor: pointer;
diff --git a/frontend/app/common/form.component.js b/frontend/app/common/form.component.js
index cf3e466..927b89d 100644
--- a/frontend/app/common/form.component.js
+++ b/frontend/app/common/form.component.js
@@ -76,7 +76,7 @@ export const Checkbox = props => (
       type="checkbox"
       name={props.name}
       value={1}
-      checked={props.checked}
+      checked={!!props.checked}
       onChange={(e) => props.onChange(props.name, e.target.checked)}
     />
     <span>{props.label}</span>