diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 44a09a62..0d7c2c6f 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -3779,19 +3779,19 @@ pre {
   width: 100%;
   height: 100%;
 }
-.thumbnail--card {
+.thumbnail_card {
   min-width: 300px;
   height: 200px;
 }
-.thumbnail--related {
+.thumbnail_card_related {
   height: 150px;
 }
-.thumbnail--simple {
+.thumbnail {
   width: 300px;
   min-height: 180px;
 }
 @media (width < 853px) {
-  .thumbnail--simple {
+  .thumbnail {
     width: 100%;
   }
 }
diff --git a/assets/css/main.css b/assets/css/main.css
index 577c60ec..e3f35ecf 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -177,22 +177,22 @@ pre {
   height: 100%;
 }
 
-.thumbnail--card {
+.thumbnail_card {
   min-width: 300px;
   height: 200px;
 }
 
-.thumbnail--related {
+.thumbnail_card_related {
   height: 150px;
 }
 
-.thumbnail--simple {
+.thumbnail {
   width: 300px;
   min-height: 180px;
 }
 
 @variant max-md {
-  .thumbnail--simple {
+  .thumbnail {
     width: 100%;
   }
 }
diff --git a/layouts/partials/article-link/_shortcode.html b/layouts/partials/article-link/_shortcode.html
index 897d4bcc..a803ded0 100644
--- a/layouts/partials/article-link/_shortcode.html
+++ b/layouts/partials/article-link/_shortcode.html
@@ -82,7 +82,7 @@
 
 <article class="{{ $cardClasses }}">
   {{ with $featuredURL }}
-    <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail--simple">
+    <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail">
       <img
         src="{{ . }}"
         alt=""
diff --git a/layouts/partials/article-link/card-related.html b/layouts/partials/article-link/card-related.html
index 6db55a4d..ae86759e 100644
--- a/layouts/partials/article-link/card-related.html
+++ b/layouts/partials/article-link/card-related.html
@@ -53,7 +53,7 @@
 <article
   class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
   {{ with $featuredURL }}
-    <div class="flex-none relative overflow-hidden thumbnail--related">
+    <div class="flex-none relative overflow-hidden thumbnail_card_related">
       <img
         src="{{ . }}"
         alt=""
diff --git a/layouts/partials/article-link/card.html b/layouts/partials/article-link/card.html
index 386f1e57..110dcd18 100644
--- a/layouts/partials/article-link/card.html
+++ b/layouts/partials/article-link/card.html
@@ -57,7 +57,7 @@
 <article
   class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
   {{ with $featuredURL }}
-    <div class="flex-none relative overflow-hidden thumbnail--card">
+    <div class="flex-none relative overflow-hidden thumbnail_card">
       <img
         src="{{ . }}"
         alt=""
diff --git a/layouts/partials/article-link/simple.html b/layouts/partials/article-link/simple.html
index 4c8c00e4..3255e136 100644
--- a/layouts/partials/article-link/simple.html
+++ b/layouts/partials/article-link/simple.html
@@ -75,7 +75,7 @@
 
 <article class="{{ $cardClasses }}">
   {{ with $featuredURL }}
-    <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail--simple">
+    <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail">
       <img
         src="{{ . }}"
         alt=""
diff --git a/layouts/partials/term-link/card.html b/layouts/partials/term-link/card.html
index eb2fe80f..8267b121 100644
--- a/layouts/partials/term-link/card.html
+++ b/layouts/partials/term-link/card.html
@@ -28,7 +28,7 @@
 <div class="min-w-full">
   <div class="border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative">
     {{ with $featuredURL }}
-      <figure class="not-prose flex-none relative overflow-hidden thumbnail--card">
+      <figure class="not-prose flex-none relative overflow-hidden thumbnail_card">
         <img
           src="{{ . }}"
           alt="{{ $.Page.Title }}"