diff --git a/layouts/_default/home.html b/layouts/_default/home.html
index f44276c..23310be 100644
--- a/layouts/_default/home.html
+++ b/layouts/_default/home.html
@@ -15,7 +15,7 @@
   {{ end }}
   </div>
 
-  <aside class="index-articles">
+  <aside class="article-group index-articles">
     {{- range site.RegularPages.Limit 4 }}
       {{ partial "article.html" . }}
     {{- end }}
diff --git a/layouts/authors/list.html b/layouts/authors/list.html
index fde08b1..7378103 100644
--- a/layouts/authors/list.html
+++ b/layouts/authors/list.html
@@ -14,7 +14,7 @@
 
 </section>
 {{ .Content }}
-<section class="author-articles">
+<section class="article-group author-articles">
     {{- range .Data.Pages }}
       {{ partial "article.html" . }}
     {{- end }}
diff --git a/layouts/partials/article-alt.html b/layouts/partials/article-alt.html
index 391e4d6..c4097db 100644
--- a/layouts/partials/article-alt.html
+++ b/layouts/partials/article-alt.html
@@ -12,7 +12,7 @@ Renders an article card with a circle image, title, and summary.
 {{- $summary := .summary }}
 {{- $url := .url }}
 <a href="{{ $url }}">
-<article class="alt float-on-hover">
+<article class="alt float-on-hover shadow">
 	<div>
 	  <img src="{{ $image.RelPermalink }}" alt="{{ $alt }}" />
 	</div>
diff --git a/layouts/partials/article.html b/layouts/partials/article.html
index a22f63a..385c5c8 100644
--- a/layouts/partials/article.html
+++ b/layouts/partials/article.html
@@ -1,4 +1,4 @@
-<article class="index float-on-hover">
+<article class="index float-on-hover shadow">
     <a href=" {{ .Permalink }}">
     	{{- $image := (.Resources.GetMatch "featured").Resize "256x webp q90" }}
         <img src={{ $image.RelPermalink }} alt="{{ .Params.featured.alt }}">