diff --git a/Marechai/Areas/Admin/Views/People/Delete.cshtml b/Marechai/Areas/Admin/Views/People/Delete.cshtml
deleted file mode 100644
index bc6a51fc..00000000
--- a/Marechai/Areas/Admin/Views/People/Delete.cshtml
+++ /dev/null
@@ -1,86 +0,0 @@
-@model Marechai.Database.Models.Person
-
-@{
-    ViewData["Title"] = "Delete";
-}
-<h1>Delete</h1>
-<h3>Are you sure you want to delete this?</h3>
-<div>
-    <h4>Person</h4>
-    <hr />
-    <dl class="row">
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.Name)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.Name)
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.Surname)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.Surname)
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.Alias)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.Alias)
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.DisplayName)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.DisplayName)
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.CountryOfBirth)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.CountryOfBirth.Name)
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.BirthDate)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.BirthDate)
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.DeathDate)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.DeathDate)
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.Webpage)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.Webpage)
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.Twitter)
-        </dt>
-        <dd class="col-sm-10">
-            @if (Model.Twitter != null)
-            {
-                <a href="https://twitter.com/@Html.DisplayFor(model => model.Twitter)">@Html.DisplayFor(model => model.Twitter)</a>
-            }
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.Facebook)
-        </dt>
-        <dd class="col-sm-10">
-            @if (Model.Facebook != null)
-            {
-                <a href="https://www.facebook.com/@Html.DisplayFor(model => model.Facebook)">@Html.DisplayFor(model => model.Facebook)</a>
-            }
-        </dd>
-    </dl>
-    <form asp-action="Delete">
-        <input type="hidden" asp-for="Id" />
-        <input class="btn btn-danger" type="submit" value="Delete" />
-        <a asp-action="Index" class="btn btn-secondary">
-            Back to List
-        </a>
-    </form>
-</div>
\ No newline at end of file
diff --git a/Marechai/Pages/Admin/People.razor b/Marechai/Pages/Admin/People.razor
index 7f673319..c79eb887 100644
--- a/Marechai/Pages/Admin/People.razor
+++ b/Marechai/Pages/Admin/People.razor
@@ -111,21 +111,26 @@
                 <span class="btn btn-secondary">
                     @L["Edit"]
                 </span>
-                <span class="btn btn-danger">
-                    @L["Delete"]
-                </span>
+                <Button Color="Color.Danger" Clicked="() => {ShowModal(item.Id);}">@L["Delete"]</Button>
             </td>
         </tr>
     }
     </tbody>
 </table>
 
-@code
-{
-    List<PersonViewModel> _people;
-
-    protected override async Task OnInitializedAsync()
-    {
-        _people = await Service.GetAsync();
-    }
-}
\ No newline at end of file
+<Modal @ref="_frmDelete" IsCentered="true" Closing="@ModalClosing"> 
+    <ModalBackdrop/>
+    <ModalContent Centered="true">
+        <ModalHeader>
+            <ModalTitle>@L["Delete person"]</ModalTitle>
+            <CloseButton Clicked="@HideModal"/>
+        </ModalHeader>
+        <ModalBody>
+            <Text>@string.Format(@L["Are you sure you want to delete {0}?"], _person?.FullName)</Text>
+        </ModalBody>
+        <ModalFooter>
+            <Button Color="Color.Primary" Clicked="@HideModal" Disabled="@_deleteInProgress">@L["Cancel"]</Button>
+            <Button Color="Color.Danger" Clicked="@ConfirmDelete" Disabled="@_deleteInProgress">@L["Delete"]</Button>
+        </ModalFooter>
+    </ModalContent>
+</Modal>
diff --git a/Marechai/Pages/Admin/People.razor.cs b/Marechai/Pages/Admin/People.razor.cs
new file mode 100644
index 00000000..bc39137a
--- /dev/null
+++ b/Marechai/Pages/Admin/People.razor.cs
@@ -0,0 +1,52 @@
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Blazorise;
+using Marechai.ViewModels;
+
+namespace Marechai.Pages.Admin
+{
+    public partial class People
+    {
+        bool                  _deleteInProgress;
+        Modal                 _frmDelete;
+        List<PersonViewModel> _people;
+        PersonViewModel       _person;
+
+        void ShowModal(int itemId)
+        {
+            _person = _people.FirstOrDefault(n => n.Id == itemId);
+            _frmDelete.Show();
+        }
+
+        void HideModal() => _frmDelete.Hide();
+
+        async void ConfirmDelete()
+        {
+            if(_person is null)
+                return;
+
+            _deleteInProgress = true;
+            _people           = null;
+
+            // Yield thread to let UI to update
+            await Task.Yield();
+
+            await Service.DeleteAsync(_person.Id);
+            _people = await Service.GetAsync();
+
+            _deleteInProgress = false;
+            _frmDelete.Hide();
+
+            // Yield thread to let UI to update
+            await Task.Yield();
+
+            // Tell we finished loading
+            StateHasChanged();
+        }
+
+        void ModalClosing(ModalClosingEventArgs obj) => _person = null;
+
+        protected override async Task OnInitializedAsync() => _people = await Service.GetAsync();
+    }
+}
\ No newline at end of file
diff --git a/Marechai/Resources/Services/PeopleService.es.resx b/Marechai/Resources/Services/PeopleService.es.resx
index 35a7c312..0bcc03e5 100644
--- a/Marechai/Resources/Services/PeopleService.es.resx
+++ b/Marechai/Resources/Services/PeopleService.es.resx
@@ -170,4 +170,16 @@
     <value>Eliminar</value>
     <comment>Delete</comment>
   </data>
+  <data name="Delete person" xml:space="preserve">
+    <value>Eliminar persona</value>
+    <comment>Delete person</comment>
+  </data>
+  <data name="Are you sure you want to delete {0}?" xml:space="preserve">
+    <value>¿Está seguro de que desea borrar a {0}?</value>
+    <comment>{0} person name</comment>
+  </data>
+  <data name="Cancel" xml:space="preserve">
+    <value>Cancelar</value>
+    <comment>Cancel</comment>
+  </data>
 </root>
\ No newline at end of file
diff --git a/Marechai/Services/PeopleService.cs b/Marechai/Services/PeopleService.cs
index def993b2..a4a52ffe 100644
--- a/Marechai/Services/PeopleService.cs
+++ b/Marechai/Services/PeopleService.cs
@@ -22,5 +22,17 @@ namespace Marechai.Services
                                Twitter = p.Twitter, Facebook = p.Facebook, Photo = p.Photo, Alias = p.Alias,
                                DisplayName = p.DisplayName
                            }).ToListAsync();
+
+        public async Task DeleteAsync(int id)
+        {
+            Person item = await _context.People.FindAsync(id);
+
+            if(item is null)
+                return;
+
+            _context.People.Remove(item);
+
+            await _context.SaveChangesAsync();
+        }
     }
 }
\ No newline at end of file