diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index cbf40beae..6dee01cb3 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -125,6 +125,7 @@
                 "show": "Show secrets",
                 "name": "Name",
                 "value": "Value",
+                "delete_confirm": "Do you really want to delete this secret?",
                 "deleted": "Secret deleted",
                 "created": "Secret created",
                 "saved": "Secret saved",
diff --git a/web/src/components/secrets/SecretList.vue b/web/src/components/secrets/SecretList.vue
index b17c6aab7..8510ab4ec 100644
--- a/web/src/components/secrets/SecretList.vue
+++ b/web/src/components/secrets/SecretList.vue
@@ -32,6 +32,7 @@
 
 <script lang="ts" setup>
 import { toRef } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import IconButton from '~/components/atomic/IconButton.vue';
 import ListItem from '~/components/atomic/ListItem.vue';
@@ -48,6 +49,8 @@ const emit = defineEmits<{
   (event: 'delete', secret: Secret): void;
 }>();
 
+const i18n = useI18n();
+
 const secrets = toRef(props, 'modelValue');
 
 function editSecret(secret: Secret) {
@@ -55,6 +58,11 @@ function editSecret(secret: Secret) {
 }
 
 function deleteSecret(secret: Secret) {
+  // TODO use proper dialog
+  // eslint-disable-next-line no-alert, no-restricted-globals
+  if (!confirm(i18n.t('repo.settings.secrets.delete_confirm'))) {
+    return;
+  }
   emit('delete', secret);
 }
 </script>