diff --git a/content/Webrings.md b/content/Webrings.md
index 70f1f01..c9d197c 100644
--- a/content/Webrings.md
+++ b/content/Webrings.md
@@ -1,7 +1,6 @@
-# Fediring
-<a href="https://fediring.net/">Fediring</a>
-<div class="fring">
-<a class="fring-button" href="https://fediring.net/previous?host=nexie.net">◄</a>
-<a class="fring-button" href="https://fediring.net/random">Random</a>
-<a class="fring-button" href="https://fediring.net/next?host=nexie.net">►</a>
+# [Fediring](https://fediring.net/)
+<div class="ring">
+<a class="ringbtn" href="https://fediring.net/previous?host=nexie.net">◄</a>
+<a class="ringbtn" href="https://fediring.net/random">Random</a>
+<a class="ringbtn" href="https://fediring.net/next?host=nexie.net">►</a>
 </div>
\ No newline at end of file
diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
index c96ac57..cf61477 100644
--- a/quartz/styles/custom.scss
+++ b/quartz/styles/custom.scss
@@ -1,13 +1,13 @@
 @use "./base.scss";
 
 // put your custom CSS here!
-.fring {
+.ring {
     display:flex;
     flex-flow: row wrap;
 
 }
 
-.fring-button {
+.ringbtn {
     text-size: 0.9rem !important;
     border-radius: 16px !important;
     border:none !important;
@@ -20,10 +20,10 @@
     cursor:pointer !important;
 }
 
-.fring-button:hover{
+.ringbtn:hover{
     background-color: rgba(100,100,100, 0.5) !important;
 }
 
-.fring svg {
+.ring svg {
     display:none !important;
 }
\ No newline at end of file