update blur checkbox (disabled state)

locales/en/app.json

@@ -152,7 +152,7 @@
     },
     "background_blur_header": "Background",
     "background_blur_label": "Enable background blurring",
-    "blur_not_supported_by_browser": "",
+    "blur_not_supported_by_browser": "(Background blur is not supported by this browser.)",
     "developer_settings_label": "Developer Settings",
     "developer_settings_label_description": "Expose developer settings in the settings window.",
     "developer_tab_title": "Developer",

src/settings/SettingsModal.tsx

@@ -91,29 +91,27 @@ export const SettingsModal: FC<Props> = ({
         e,
       );
       canBlur = false;
+      setBlur(false);
     }
-    return canBlur ? (
+    return (
       <>
         <h4>{t("settings.background_blur_header")}</h4>
+
         <FieldRow>
-          <Tooltip
-            label={
-              isFirefox() ? t("settings.blur_not_supported_by_browser") : ""
-            }
-          >
           <InputField
             id="activateBackgroundBlur"
             label={t("settings.background_blur_label")}
-              description={t("settings.video_tab_activate_background_blur")}
+            description={
+              canBlur ? "" : t("settings.blur_not_supported_by_browser")
+            }
             type="checkbox"
             checked={blur}
             onChange={(b): void => setBlur(b.target.checked)}
-              disabled={isFirefox()}
+            disabled={!canBlur}
           />
-          </Tooltip>
         </FieldRow>
       </>
-    ) : null;
+    );
   };
 
   const optInDescription = (