diff --git a/web/js/common/spinner.css b/web/js/common/spinner.css
index 9a29451..3b47902 100644
--- a/web/js/common/spinner.css
+++ b/web/js/common/spinner.css
@@ -1,10 +1,10 @@
-.lds-ring {
+.pysssss-lds-ring {
 	display: inline-block;
 	position: relative;
 	width: 80px;
 	height: 80px;
 }
-.lds-ring div {
+.pysssss-lds-ring div {
 	box-sizing: border-box;
 	display: block;
 	position: absolute;
@@ -16,13 +16,13 @@
 	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
 	border-color: #fff transparent transparent transparent;
 }
-.lds-ring div:nth-child(1) {
+.pysssss-lds-ring div:nth-child(1) {
 	animation-delay: -0.45s;
 }
-.lds-ring div:nth-child(2) {
+.pysssss-lds-ring div:nth-child(2) {
 	animation-delay: -0.3s;
 }
-.lds-ring div:nth-child(3) {
+.pysssss-lds-ring div:nth-child(3) {
 	animation-delay: -0.15s;
 }
 @keyframes lds-ring {
diff --git a/web/js/common/spinner.js b/web/js/common/spinner.js
index f01315d..4075990 100644
--- a/web/js/common/spinner.js
+++ b/web/js/common/spinner.js
@@ -4,6 +4,6 @@ addStylesheet(import.meta.url);
 
 export function createSpinner() {
 	const div = document.createElement("div");
-	div.innerHTML = `<div class="lds-ring"><div></div><div></div><div></div><div></div></div>`;
+	div.innerHTML = `<div class="pysssss-lds-ring"><div></div><div></div><div></div><div></div></div>`;
 	return div.firstElementChild;
 }