diff --git a/src/pages/links.njk b/src/pages/links.njk
index 97171425..1b19bb93 100644
--- a/src/pages/links.njk
+++ b/src/pages/links.njk
@@ -78,16 +78,16 @@ eleventyNavigation:
     <h3>Webrings</h3>
     <ul class="web-btn-wrapper">
         <li>
-            <nav style="border: 0.08em outset; text-align: center;">
-                <p style="margin: 0; padding: 0.1em; border: 0.08em solid;">CSS JOY Webring</p>
-                <ul style="display: flex; gap: 0; list-style: none; padding: 0; margin: 0;">
-                    <li style="flex: 1; border: 0.08em solid; padding: 0.2em 0.4em;">
+            <nav class="webring">
+                <p class="webring__name"><a href="https://cs.sjoy.lol/">CSS JOY Webring</a></p>
+                <ul class="webring__links">
+                    <li class="webring__link">
                         <a href="https://webri.ng/webring/cssjoy/previous?via=https://leilukin.com/">Previous Site</a>
                     </li>
-                    <li style="flex: 1; border: 0.08em solid; padding: 0.2em 0.4em;">
+                    <li class="webring__link">
                         <a href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/">Random Site</a>
                     </li>
-                    <li style="flex: 1; border: 0.08em solid; padding: 0.2em 0.4em;">
+                    <li class="webring__link">
                         <a href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/">Next Site</a>
                     </li>
                 </ul>