diff --git a/assets/css/app.css b/assets/css/app.css
index 2a509c8..0047a51 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -128,6 +128,12 @@
   The components layer is for class-based styles that you want to be able to override with utilities.
 */
 @layer components {
+  .note {
+    .note-link {
+      @apply text-center text-neutral-900 dark:text-neutral-100;
+    }
+  }
+
   .divider {
     @apply flex text-red-500 items-center my-8 w-full mx-auto last:hidden;
     @apply before:flex-1 before:content-[''] before:bg-neutral-500/25 before:p-[0.5px] before:mr-2;
@@ -180,4 +186,8 @@
   .hljs {
     background: transparent !important;
   }
+
+  a.invalid {
+    @apply line-through;
+  }
 }
\ No newline at end of file
diff --git a/lib/chiya_web/components/public_components.ex b/lib/chiya_web/components/public_components.ex
index 40e7ef0..369c514 100644
--- a/lib/chiya_web/components/public_components.ex
+++ b/lib/chiya_web/components/public_components.ex
@@ -146,6 +146,7 @@ defmodule ChiyaWeb.PublicComponents do
       src={ChiyaWeb.Helpers.image_url(assigns.image, assigns.size)}
       class={assigns.class}
       title={assigns.image.content}
+      loading="lazy"
     />
     """
   end
diff --git a/lib/chiya_web/controllers/page_html/note.html.heex b/lib/chiya_web/controllers/page_html/note.html.heex
index e306a27..79391a3 100644
--- a/lib/chiya_web/controllers/page_html/note.html.heex
+++ b/lib/chiya_web/controllers/page_html/note.html.heex
@@ -1,6 +1,6 @@
 <section class="page-grid">
   <section>
-    <article class="h-entry hentry | stack container">
+    <article class="h-entry hentry note | stack container">
       <header class="prose max-w-none">
         <h1 class="p-name">
           <%= @note.name %>