diff --git a/docs/releases.md b/docs/releases.md
index 91d32df..94ae9eb 100644
--- a/docs/releases.md
+++ b/docs/releases.md
@@ -34,6 +34,7 @@ and the [ntfy Android app](https://github.com/binwiederhier/ntfy-android/release
 * German (thanks to [@cmeis](https://github.com/cmeis))
 * Indonesian (thanks to [@linerly](https://hosted.weblate.org/user/linerly/))
 * Japanese (thanks to [@shak](https://hosted.weblate.org/user/shak/))
+* Spanish (thanks to [@rogeliodh](https://github.com/rogeliodh))
 * Turkish (thanks to [@ersen](https://ersen.moe/))
 
 -->
diff --git a/web/src/components/Preferences.js b/web/src/components/Preferences.js
index 11b688e..8fd00ee 100644
--- a/web/src/components/Preferences.js
+++ b/web/src/components/Preferences.js
@@ -423,7 +423,7 @@ const Appearance = () => {
 
 const Language = () => {
     const { t, i18n } = useTranslation();
-    const randomFlags = shuffle(["🇬🇧", "🇺🇸", "🇧🇬", "🇩🇪", "🇮🇩", "🇯🇵", "🇹🇷"]).slice(0, 3);
+    const randomFlags = shuffle(["🇬🇧", "🇺🇸", "🇪🇸", "🇧🇬", "🇩🇪", "🇮🇩", "🇯🇵", "🇹🇷"]).slice(0, 3);
     const title = t("prefs_appearance_language_title") + " " + randomFlags.join(" ");
 
     // Remember: Flags are not languages. Don't put flags next to the language in the list.
@@ -434,6 +434,7 @@ const Language = () => {
             <FormControl fullWidth variant="standard" sx={{ m: 1 }}>
                 <Select value={i18n.language} onChange={(ev) => i18n.changeLanguage(ev.target.value)}>
                     <MenuItem value="en">English</MenuItem>
+                    <MenuItem value="es">Español</MenuItem>
                     <MenuItem value="bg">Български</MenuItem>
                     <MenuItem value="de">Deutsch</MenuItem>
                     <MenuItem value="id">Bahasa Indonesia</MenuItem>