diff --git a/src/less/include/components.less b/src/less/include/components.less
index c062596..63689c1 100644
--- a/src/less/include/components.less
+++ b/src/less/include/components.less
@@ -32,6 +32,22 @@
   }
 }
 
+.note {
+  margin-left: 3rem;
+  border-width: 1px;
+  border-style: solid;
+  padding: 0 1rem;
+
+  @media (prefers-color-scheme: dark) {
+    background-color: #1f2c3f;
+    border-color: #547ea8;
+  }
+  @media (prefers-color-scheme: light) {
+    background-color: #547ea8;
+    border-color: #1f2c3f;
+  }
+}
+
 .subtitle {
   font-size: 0.9rem;
   margin: 0;