diff --git a/src/api/Styles.ts b/src/api/Styles.ts
index 6598d7e4c..eee93e29d 100644
--- a/src/api/Styles.ts
+++ b/src/api/Styles.ts
@@ -24,7 +24,7 @@ export interface Style {
     name: string;
     source: string;
     enabled: boolean;
-    variables?: Record<string, string>;
+    variables?: Record<string, string | number>;
 }
 
 export function requireStyle(name: string) {
@@ -177,7 +177,7 @@ export function updateStyleInDocument(style: Style, doc: Document) {
         if (style.variables) {
             Object.entries(style.variables).forEach(([key, value]) => {
                 const kebabCaseKey = key.replaceAll(/(?<=[a-z])[A-Z0-9]/g, v => `-${v}`).toLowerCase();
-                content = content.replaceAll(`[--${kebabCaseKey}]`, value);
+                content = content.replaceAll(`[--${kebabCaseKey}]`, value.toString());
             });
         }
         styleElement.textContent = content;
diff --git a/src/plugins/blurNsfw/index.ts b/src/plugins/blurNsfw/index.ts
index efa84e042..df3c7aa20 100644
--- a/src/plugins/blurNsfw/index.ts
+++ b/src/plugins/blurNsfw/index.ts
@@ -44,13 +44,13 @@ export default definePlugin({
             description: "Blur Amount",
             default: 10,
             onChange(v) {
-                setStyleVariables(style, { blurAmount: v.toString() });
+                setStyleVariables(style, { blurAmount: v });
             }
         }
     }),
 
     start() {
-        setStyleVariables(style, { blurAmount: this.settings.store.blurAmount.toString() });
+        setStyleVariables(style, { blurAmount: this.settings.store.blurAmount });
     },
 
     style