diff --git a/src/components/ui/WTLIcon.vue b/src/components/ui/WTLIcon.vue
index 3ee4c93..7d17a52 100644
--- a/src/components/ui/WTLIcon.vue
+++ b/src/components/ui/WTLIcon.vue
@@ -1,21 +1,30 @@
 <template lang="pug">
-	i.material-icons.WTLIcon {{ icon }}
+	i.material-icons.WTLIcon(
+		:class=`[{ "WTLIcon--default": !clickable }]`
+	) {{ icon }}
 </template>
 
 <script>
 export default {
 	name: "WTLIcon",
 	props: {
-		icon: String
+		icon: String,
+		clickable: {
+			type: Boolean,
+			default: false
+		}
 	}
 }
 </script>
 
 <style lang="scss">
 .WTLIcon.material-icons {
 	height: 100%;
 	font-size: 1.125rem;
 	width: 2rem;
+}
+
+.WTLIcon--default {
 	pointer-events: none;
 }
 </style>