diff --git a/src/_includes/webrings/css-joy.liquid b/src/_includes/webrings/css-joy.liquid
index 92e9e6ae..a8642545 100644
--- a/src/_includes/webrings/css-joy.liquid
+++ b/src/_includes/webrings/css-joy.liquid
@@ -1,8 +1,8 @@
-<div class="webring__wrapper">
+<div class="webring-wrapper">
   <a href="https://cs.sjoy.lol">
     <h3 class="text-centered">CSS JOY Webring</h3>
   </a>
-  <div class="webring__centered flex-centered">
+  <div class="webring-centered flex-centered">
     <a href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
       {% tablericon "arrow-left" "Previous site" %}
     </a>
diff --git a/src/_includes/webrings/the-claw.liquid b/src/_includes/webrings/the-claw.liquid
index cfa4dbc4..f9f62c5c 100644
--- a/src/_includes/webrings/the-claw.liquid
+++ b/src/_includes/webrings/the-claw.liquid
@@ -1,5 +1,5 @@
-<div class="webring__wrapper">
-  <div class="webring__centered flex-centered">
+<div class="webring-wrapper">
+  <div class="webring-centered flex-centered">
     <img
       srcset="
         https://cdn.coryd.dev/assets/webrings/theclaw.png?aspect_ratio=.845:1&width=200 200w,
@@ -20,7 +20,7 @@
     />
   </div>
   <h3 class="text-centered">The Claw Webring</h3>
-  <div class="webring__centered flex-centered">
+  <div class="webring-centered flex-centered">
     <strong>
       <a class="no-underline" href="https://github.com/whitep4nth3r/the-claw-webring">Join!</a>
     </strong>
diff --git a/src/assets/styles/pages/webrings.css b/src/assets/styles/pages/webrings.css
index a42ac05d..f5fc4ab6 100644
--- a/src/assets/styles/pages/webrings.css
+++ b/src/assets/styles/pages/webrings.css
@@ -1,11 +1,11 @@
-.webring__wrapper {
+.webring-wrapper {
   margin: var(--sizing-base) 0;
 
   h3 {
     margin: var(--sizing-2xl) 0 var(--sizing-lg);
   }
 
-  & > .webring__centered {
+  & > .webring-centered {
     justify-content: center;
   }
 }
\ No newline at end of file