diff --git a/assets/css/main.css b/assets/css/main.css
index 33a9198..ee62956 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -8,5 +8,6 @@
 }
 
 :root {
-  background-color: var(--p-secondary-50) !important;
+  --s-background: var(--p-secondary-50);
+  background-color: var(--s-background) !important;
 }
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 934c3a1..9095d94 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,6 +1,11 @@
 // @ts-check
-import withNuxt from './.nuxt/eslint.config.mjs'
+import withNuxt from "./.nuxt/eslint.config.mjs";
 
 export default withNuxt(
   // Your custom configs here
-)
+  {
+    rules: {
+      "vue/html-self-closing": "off", // Disable self-closing tags rule
+    },
+  }
+);