diff --git a/src/app/settings/board-admin/board-admin.component.html b/src/app/settings/board-admin/board-admin.component.html
index f8063b5..d34af5e 100644
--- a/src/app/settings/board-admin/board-admin.component.html
+++ b/src/app/settings/board-admin/board-admin.component.html
@@ -73,9 +73,19 @@
                         </ul>
                     </td>
                     <td>
-                        <a href="" title="Edit Board"><i class="icon icon-edit color-primary"></i></a>
-                        <a href="" title="Remove Board"><i class="icon icon-trash-empty color-secondary"></i></a>
-                        <label><input type="checkbox" checked> Active</label>
+                        <a href="javascript:" title="Edit Board"
+                            (click)="showModal('Edit', board)">
+                            <i class="icon icon-edit color-primary"></i>
+                        </a>
+                        <a href="javascript:" title="Remove Board"
+                            (click)="showConfirmModal(board)">
+                            <i class="icon icon-trash-empty color-secondary"></i>
+                        </a>
+                        <label>
+                            <input type="checkbox" class="hidden" [ngModel]="board.is_active">
+                            <span class="toggle"></span>
+                            Active
+                        </label>
                     </td>
                 </tr>
             </tbody>
diff --git a/src/app/settings/user-settings/user-settings.component.html b/src/app/settings/user-settings/user-settings.component.html
index a2a1dba..58ff3a1 100644
--- a/src/app/settings/user-settings/user-settings.component.html
+++ b/src/app/settings/user-settings/user-settings.component.html
@@ -49,9 +49,10 @@
         </label>
         <label>
             Display tasks side-by-side in colums?
-            <input type="checkbox"
+            <input type="checkbox" class="hidden"
                 [ngModel]="userOptions.multiple_tasks_per_row"
                 (ngModelChange)="onOptionChange('mult_tasks', $event)">
+            <span class="toggle"></span>
         </label>
     </div>
 
@@ -87,15 +88,17 @@
         <div class="hold-bottom">
             <label>
                 Show animations?
-                <input type="checkbox"
+                <input type="checkbox" class="hidden"
                     [ngModel]="userOptions.show_animations"
                     (ngModelChange)="onOptionChange('show_anim', $event)">
+                <span class="toggle"></span>
             </label>
             <label>
                 Show Assignee on task cards?
-                <input type="checkbox"
+                <input type="checkbox" class="hidden"
                     [ngModel]="userOptions.show_assignee"
                     (ngModelChange)="onOptionChange('show_assign', $event)">
+                <span class="toggle"></span>
             </label>
         </div>
     </div>
diff --git a/src/scss/_core.scss b/src/scss/_core.scss
index bb78d3a..a23fae9 100644
--- a/src/scss/_core.scss
+++ b/src/scss/_core.scss
@@ -179,3 +179,47 @@ button {
     }
 }
 
+.hidden {
+    display: none;
+}
+
+.toggle {
+    position: relative;
+    vertical-align: middle;
+
+    &::before {
+        background-color: $color-secondary;
+        border-radius: 3px;
+        content: ' ';
+        display: inline-block;
+        height: 1em;
+        padding: 5px 7px;
+        transition: background 300ms;
+        width: 30px;
+    }
+
+    &::after {
+        background-color: $white;
+        border: 1px solid $color-border;
+        border-radius: 2px;
+        content: ' ';
+        display: inline-block;
+        height: 1.5em;
+        left: 0;
+        position: absolute;
+        top: -.25em;
+        transition: transform 150ms;
+        width: 15px;
+    }
+}
+
+.hidden:checked + .toggle {
+    &::before {
+        background-color: $color-primary;
+    }
+
+    &::after {
+        transform: translate(15px);
+    }
+}
+