diff --git a/app/components/youtube-link.gjs b/app/components/youtube-link.gjs
index 5bf7318..08defdb 100644
--- a/app/components/youtube-link.gjs
+++ b/app/components/youtube-link.gjs
@@ -13,11 +13,9 @@ function thumbnail(youtubeID) {
     <a target="_blank" href={{href @id}}>
       <div class="header">
         <div class="talk-title">{{@title}}</div>
-        <div class="talk-date">{{@date}}</div>
+        <div class="talk-date">[{{@date}}]</div>
       </div>
 
-      <hr class="accent-rule">
-
       <img src={{thumbnail @id}}>
     </a>
   </div>
diff --git a/app/styles/app.css b/app/styles/app.css
index c9382cb..c2ab9c9 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -36,6 +36,10 @@
   }
 }
 
+h1, h2, h3 {
+  line-height: 1;
+}
+
 a, a:visited {
   color:var(--accent);
 }
@@ -149,7 +153,6 @@ footer p a[href^="https://"]:after,
 }
 
 .link-list>div {
-  border: 1px solid var(--accent);
   padding: 4px 12px;
 }
 
@@ -158,15 +161,13 @@ footer p a[href^="https://"]:after,
   display: grid;
   grid-template-columns: 3fr 1fr;
   font-weight: bold;
+  font-size: 1.5em;
 }
 
-.link-list .header .talk-date {
-  justify-self: end;
+.youtube-link a {
+  text-decoration: none;
 }
 
-/* cross-platform <hr> styling */
-.accent-rule {
-  border-color: var(--accent);
-  background-color: var(--accent);
-  color: var(--accent);
+.link-list .header .talk-date {
+  justify-self: end;
 }