diff --git a/src/App.vue b/src/App.vue
index 8cd5341..3e34648 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -65,6 +65,15 @@ html, body, #app {
 input[type="text"] {
 	@extend .input
 }
+input[type="text"].warning {
+	border-color: $input-border-colour-warning
+}
+input[type="text"].error {
+	border-color: $input-border-colour-error
+}
+input[type="text"]:focus {
+	border-color: $input-border-colour-focus
+}
 
 button {
 	@extend .input
@@ -72,4 +81,10 @@ button {
 	letter-spacing: $input-letter-spacing
 	font-size: 17px
 }
+button:hover {
+	background-color: $input-background-hover
+}
+button:active {
+	background-color: $input-background-active
+}
 </style>
\ No newline at end of file