diff --git a/package.json b/package.json
index 706a596..0d4c2c3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fwdekker/template",
-    "version": "3.5.6",
+    "version": "3.5.7",
     "description": "The base template for pages on fwdekker.com.",
     "author": "Florine W. Dekker",
     "license": "MIT",
diff --git a/src/main/css/main.css b/src/main/css/main.css
index fee9c43..2f746f8 100644
--- a/src/main/css/main.css
+++ b/src/main/css/main.css
@@ -4,5 +4,5 @@
 @import "snippets/colors.css";
 
 @import "snippets/common.css";
+@import "snippets/forms.css";
 @import "snippets/nav.css";
-@import "snippets/validation.css";
diff --git a/src/main/css/snippets/common.css b/src/main/css/snippets/common.css
index 0699c3e..fb8db85 100644
--- a/src/main/css/snippets/common.css
+++ b/src/main/css/snippets/common.css
@@ -78,14 +78,6 @@ noscript.fwd-js-notice p {
 }
 
 
-/* Forms */
-.inline-button {
-    display: inline-block;
-    width: unset;
-    margin: 0;
-}
-
-
 /* Header */
 header.fwd-header a[href="."] {
     color: unset;
diff --git a/src/main/css/snippets/validation.css b/src/main/css/snippets/forms.css
similarity index 82%
rename from src/main/css/snippets/validation.css
rename to src/main/css/snippets/forms.css
index de520a5..8aa7772 100644
--- a/src/main/css/snippets/validation.css
+++ b/src/main/css/snippets/forms.css
@@ -1,3 +1,4 @@
+/* Status card */
 .status-card {
     font-weight: bold;
     position: relative;
@@ -52,6 +53,7 @@
 }
 
 
+/* Input validation */
 label.invalid,
 *[data-label-for].invalid,
 input.invalid,
@@ -65,3 +67,20 @@ input.valid,
 *[data-hint-for].valid {
     color: var(--form-element-valid-border-color) !important;
 }
+
+
+/* Enable hint-like styling on any element */
+.input-hint {
+    display: block;
+
+    /*noinspection CssUnresolvedCustomProperty*/
+    margin-top: calc(var(--spacing) * -.75);
+}
+
+
+/* Custom components */
+.inline-button {
+    display: inline-block;
+    width: unset;
+    margin: 0;
+}