diff --git a/api/internal/model/alias.go b/api/internal/model/alias.go
index 50c4328f..7636d81d 100644
--- a/api/internal/model/alias.go
+++ b/api/internal/model/alias.go
@@ -13,7 +13,7 @@ var (
 
 type Alias struct {
 	BaseModel
-	DeletedAt        gorm.DeletedAt `gorm:"index" json:"-"`
+	DeletedAt        gorm.DeletedAt `gorm:"index" json:"deleted_at"`
 	Name             string         `gorm:"unique" json:"name"`
 	UserID           string         `json:"-"`
 	Enabled          bool           `json:"enabled"`
diff --git a/api/internal/repository/alias.go b/api/internal/repository/alias.go
index bb92a10e..05fc15d6 100644
--- a/api/internal/repository/alias.go
+++ b/api/internal/repository/alias.go
@@ -33,7 +33,7 @@ func (d *Database) GetAlias(ctx context.Context, ID string, userID string) (mode
 	return alias, nil
 }
 
-func (d *Database) GetAliases(ctx context.Context, userID string, limit int, offset int, sortBy string, sortOrder string, catchAll string, search string) ([]model.Alias, error) {
+func (d *Database) GetAliases(ctx context.Context, userID string, limit int, offset int, sortBy string, sortOrder string, catchAll string, search string, status string) ([]model.Alias, error) {
 	sortBy = "a." + sortBy
 
 	if catchAll == "true" {
@@ -48,6 +48,15 @@ func (d *Database) GetAliases(ctx context.Context, userID string, limit int, off
 		search = "AND (a.name LIKE '%" + search + "%' OR a.description LIKE '%" + search + "%')"
 	}
 
+	var statusFilter string
+	if status == "deleted" {
+		statusFilter = "AND a.deleted_at IS NOT NULL"
+	} else if status == "all" {
+		statusFilter = ""
+	} else {
+		statusFilter = "AND a.deleted_at IS NULL"
+	}
+
 	aliases := []model.Alias{}
 	query := `
 		SELECT a.*,
@@ -58,7 +67,7 @@ func (d *Database) GetAliases(ctx context.Context, userID string, limit int, off
 		FROM aliases a
 		LEFT JOIN messages m
 		ON a.id = m.alias_id
-		WHERE a.user_id = ? AND a.deleted_at IS NULL ` + catchAll + " " + search + `
+		WHERE a.user_id = ? ` + statusFilter + " " + catchAll + " " + search + `
 		GROUP BY a.id
 		ORDER BY ` + sortBy + " " + sortOrder
 
@@ -106,7 +115,7 @@ func (d *Database) GetAllAliases(ctx context.Context, userID string) ([]model.Al
 	return aliases, err
 }
 
-func (d *Database) GetAliasCount(ctx context.Context, userID string, catchAll string, search string) (int, error) {
+func (d *Database) GetAliasCount(ctx context.Context, userID string, catchAll string, search string, status string) (int, error) {
 	if catchAll == "true" {
 		catchAll = " AND catch_all = true"
 	} else if catchAll == "false" {
@@ -120,7 +129,15 @@ func (d *Database) GetAliasCount(ctx context.Context, userID string, catchAll st
 	}
 
 	var count int64
-	err := d.Client.Model(&model.Alias{}).Where("user_id = ?"+catchAll+search, userID).Count(&count).Error
+	q := d.Client.Model(&model.Alias{})
+	if status == "deleted" {
+		q = q.Unscoped().Where("user_id = ? AND deleted_at IS NOT NULL"+catchAll+search, userID)
+	} else if status == "all" {
+		q = q.Unscoped().Where("user_id = ?"+catchAll+search, userID)
+	} else {
+		q = q.Where("user_id = ?"+catchAll+search, userID)
+	}
+	err := q.Count(&count).Error
 	return int(count), err
 }
 
@@ -160,3 +177,7 @@ func (d *Database) DeleteAliasByUserID(ctx context.Context, userID string) error
 func (d *Database) DeleteAliasByDomain(ctx context.Context, domain string, userID string) error {
 	return d.Client.Where("name LIKE ? AND user_id = ?", "%@"+domain, userID).Delete(&model.Alias{}).Error
 }
+
+func (d *Database) RestoreAlias(ctx context.Context, ID string, userID string) error {
+	return d.Client.Model(&model.Alias{}).Unscoped().Where("id = ? AND user_id = ?", ID, userID).Update("deleted_at", nil).Error
+}
diff --git a/api/internal/service/alias.go b/api/internal/service/alias.go
index aaba2c01..ef6d575f 100644
--- a/api/internal/service/alias.go
+++ b/api/internal/service/alias.go
@@ -27,10 +27,10 @@ var (
 
 type AliasStore interface {
 	GetAlias(context.Context, string, string) (model.Alias, error)
-	GetAliases(context.Context, string, int, int, string, string, string, string) ([]model.Alias, error)
+	GetAliases(context.Context, string, int, int, string, string, string, string, string) ([]model.Alias, error)
 	GetAliasesByDomain(context.Context, string, string) ([]model.Alias, error)
 	GetAllAliases(context.Context, string) ([]model.Alias, error)
-	GetAliasCount(context.Context, string, string, string) (int, error)
+	GetAliasCount(context.Context, string, string, string, string) (int, error)
 	GetAliasDailyCount(context.Context, string) (int, error)
 	GetAliasByName(string) (model.Alias, error)
 	PostAlias(context.Context, model.Alias) (model.Alias, error)
@@ -38,6 +38,7 @@ type AliasStore interface {
 	DeleteAlias(context.Context, string, string) error
 	DeleteAliasByUserID(context.Context, string) error
 	DeleteAliasByDomain(context.Context, string, string) error
+	RestoreAlias(context.Context, string, string) error
 }
 
 // aliasDomainPart returns the domain portion of an alias name (e.g. "user@example.com" → "example.com").
@@ -83,19 +84,19 @@ func (s *Service) GetAlias(ctx context.Context, ID string, userID string) (model
 	return alias, nil
 }
 
-func (s *Service) GetAliases(ctx context.Context, userID string, limit int, page int, sortBy string, sortOrder string, catchAll string, search string) (model.AliasList, error) {
+func (s *Service) GetAliases(ctx context.Context, userID string, limit int, page int, sortBy string, sortOrder string, catchAll string, search string, status string) (model.AliasList, error) {
 	offset := (page - 1) * limit
 	if page < 1 {
 		offset = 0
 	}
 
-	aliases, err := s.Store.GetAliases(ctx, userID, limit, offset, sortBy, sortOrder, catchAll, search)
+	aliases, err := s.Store.GetAliases(ctx, userID, limit, offset, sortBy, sortOrder, catchAll, search, status)
 	if err != nil {
 		log.Printf("error fetching aliases: %s", err.Error())
 		return model.AliasList{}, ErrGetAliases
 	}
 
-	total, err := s.Store.GetAliasCount(ctx, userID, catchAll, search)
+	total, err := s.Store.GetAliasCount(ctx, userID, catchAll, search, status)
 	if err != nil {
 		log.Printf("error fetching alias count: %s", err.Error())
 		return model.AliasList{}, ErrGetAliases
@@ -180,7 +181,7 @@ func (s *Service) PostAlias(ctx context.Context, alias model.Alias, format strin
 
 	// Catch-all alias
 	if format == model.AliasFormatCatchAll {
-		userAliases, err := s.Store.GetAliases(ctx, alias.UserID, 0, 0, "created_at", "DESC", "true", "")
+		userAliases, err := s.Store.GetAliases(ctx, alias.UserID, 0, 0, "created_at", "DESC", "true", "", "active")
 		if err != nil {
 			log.Printf("error fetching user aliases: %s", err.Error())
 			return model.Alias{}, ErrPostAlias
@@ -276,3 +277,13 @@ func (s *Service) FindAlias(email string) (model.Alias, error) {
 
 	return alias, nil
 }
+
+func (s *Service) RestoreAlias(ctx context.Context, ID string, userID string) error {
+	err := s.Store.RestoreAlias(ctx, ID, userID)
+	if err != nil {
+		log.Printf("error restoring alias: %s", err.Error())
+		return ErrGetAlias
+	}
+
+	return nil
+}
diff --git a/api/internal/service/recipient.go b/api/internal/service/recipient.go
index 9654d3e1..ca2660e3 100644
--- a/api/internal/service/recipient.go
+++ b/api/internal/service/recipient.go
@@ -203,7 +203,7 @@ func (s *Service) DeleteRecipient(ctx context.Context, ID string, userID string,
 	}
 
 	// Get aliases
-	aliases, err := s.Store.GetAliases(ctx, userID, 0, 0, "created_at", "DESC", "", "")
+	aliases, err := s.Store.GetAliases(ctx, userID, 0, 0, "created_at", "DESC", "", "", "active")
 	if err != nil {
 		log.Printf("error deleting recipient, GetAliases: %s", err.Error())
 		return ErrDeleteRecipient
diff --git a/api/internal/transport/api/alias.go b/api/internal/transport/api/alias.go
index a4127257..c7080232 100644
--- a/api/internal/transport/api/alias.go
+++ b/api/internal/transport/api/alias.go
@@ -12,20 +12,22 @@ import (
 )
 
 var (
-	PostAliasSuccess   = "Alias created successfully."
-	UpdateAliasSuccess = "Alias updated successfully."
-	DeleteAliasSuccess = "Alias deleted successfully."
-	ErrInvalidDomain   = "Selected domain is invalid."
-	ErrUnverifiedRcp   = "The recipient address has not been verified."
+	PostAliasSuccess    = "Alias created successfully."
+	UpdateAliasSuccess  = "Alias updated successfully."
+	DeleteAliasSuccess  = "Alias deleted successfully."
+	ErrInvalidDomain    = "Selected domain is invalid."
+	ErrUnverifiedRcp    = "The recipient address has not been verified."
+	RestoreAliasSuccess = "Alias restored successfully."
 )
 
 type AliasService interface {
 	GetAlias(context.Context, string, string) (model.Alias, error)
-	GetAliases(context.Context, string, int, int, string, string, string, string) (model.AliasList, error)
+	GetAliases(context.Context, string, int, int, string, string, string, string, string) (model.AliasList, error)
 	GetAllAliases(context.Context, string) ([]model.Alias, error)
 	PostAlias(context.Context, model.Alias, string, string, string) (model.Alias, error)
 	UpdateAlias(context.Context, model.Alias) error
 	DeleteAlias(context.Context, string, string) error
+	RestoreAlias(context.Context, string, string) error
 }
 
 // @Summary Get alias
@@ -57,6 +59,7 @@ func (h *Handler) GetAlias(c *fiber.Ctx) error {
 // @Accept json
 // @Produce json
 // @Security ApiKeyAuth
+// @Param status query string false "Filter by alias status" Enums(active, deleted, all)
 // @Success 200 {object} model.AliasList
 // @Failure 400 {object} ErrorRes
 // @Router /aliases [get]
@@ -78,6 +81,7 @@ func (h *Handler) GetAliases(c *fiber.Ctx) error {
 	sortOrder := strings.ToUpper(c.Query("sort_order"))
 	catchAll := c.Query("catch_all")
 	search := c.Query("search")
+	status := c.Query("status")
 
 	var allowSortBy = map[string]bool{
 		"created_at": true,
@@ -93,6 +97,12 @@ func (h *Handler) GetAliases(c *fiber.Ctx) error {
 		"false": true,
 		"":      true,
 	}
+	var allowStatus = map[string]bool{
+		"active":  true,
+		"deleted": true,
+		"all":     true,
+		"":        true,
+	}
 
 	if _, ok := allowSortBy[sortBy]; !ok {
 		sortBy = "created_at"
@@ -103,6 +113,12 @@ func (h *Handler) GetAliases(c *fiber.Ctx) error {
 	if _, ok := allowCatchAll[catchAll]; !ok {
 		catchAll = ""
 	}
+	if _, ok := allowStatus[status]; !ok {
+		status = ""
+	}
+	if status == "" {
+		status = "active"
+	}
 
 	err = h.Validator.Var(search, "omitempty,required,search")
 	if err != nil {
@@ -112,7 +128,7 @@ func (h *Handler) GetAliases(c *fiber.Ctx) error {
 		})
 	}
 
-	list, err := h.Service.GetAliases(c.Context(), userID, limit, page, sortBy, sortOrder, catchAll, search)
+	list, err := h.Service.GetAliases(c.Context(), userID, limit, page, sortBy, sortOrder, catchAll, search, status)
 	if err != nil {
 		return c.Status(400).JSON(fiber.Map{
 			"error": err.Error(),
@@ -331,3 +347,29 @@ func (h *Handler) DeleteAlias(c *fiber.Ctx) error {
 		"message": DeleteAliasSuccess,
 	})
 }
+
+// @Summary Restore alias
+// @Description Restore alias
+// @Tags alias
+// @Accept json
+// @Produce json
+// @Security ApiKeyAuth
+// @Param id path string true "Alias ID"
+// @Success 200 {object} SuccessRes
+// @Failure 400 {object} ErrorRes
+// @Router /alias/restore/{id} [post]
+// @Router /api/alias/restore/{id} [post]
+func (h *Handler) RestoreAlias(c *fiber.Ctx) error {
+	userID := auth.GetUserID(c)
+	id := c.Params("id")
+	err := h.Service.RestoreAlias(c.Context(), id, userID)
+	if err != nil {
+		return c.Status(400).JSON(fiber.Map{
+			"error": err.Error(),
+		})
+	}
+
+	return c.Status(200).JSON(fiber.Map{
+		"message": RestoreAliasSuccess,
+	})
+}
diff --git a/api/internal/transport/api/routes.go b/api/internal/transport/api/routes.go
index 416dc7d5..a7800a8f 100644
--- a/api/internal/transport/api/routes.go
+++ b/api/internal/transport/api/routes.go
@@ -92,6 +92,7 @@ func (h *Handler) SetupRoutes(cfg config.APIConfig) {
 	v1.Post("/alias", limiter.New(), h.PostAlias)
 	v1.Put("/alias/:id", h.UpdateAlias)
 	v1.Delete("/alias/:id", h.DeleteAlias)
+	v1.Post("/alias/restore/:id", h.RestoreAlias)
 
 	v1.Get("/logs", h.GetLogs)
 	v1.Delete("/logs", h.DeleteLogs)
diff --git a/app/src/api/alias.ts b/app/src/api/alias.ts
index 564414b0..c237c770 100644
--- a/app/src/api/alias.ts
+++ b/app/src/api/alias.ts
@@ -7,4 +7,5 @@ export const aliasApi = {
     create: (data: any) => api.post('/alias', data),
     update: (id: string, data: any) => api.put('/alias/' + id, data),
     delete: (id: string) => api.delete('/alias/' + id),
+    restore: (id: string) => api.post('/alias/restore/' + id),
 }
\ No newline at end of file
diff --git a/app/src/components/AliasRow.vue b/app/src/components/AliasRow.vue
index 968562d4..9cb3291a 100644
--- a/app/src/components/AliasRow.vue
+++ b/app/src/components/AliasRow.vue
@@ -4,11 +4,14 @@
             <div class="flex items-center hs-tooltip">
                 <input
                     @change="updateAlias"
-                    v-bind:checked="alias.enabled && !isDomainUnverified"
-                    v-bind:disabled="!alias.recipients.length || isDomainUnverified"
+                    v-bind:checked="alias.enabled && !isDomainUnverified && !isAliasDeleted"
+                    v-bind:disabled="!alias.recipients.length || isDomainUnverified || isAliasDeleted"
                     type="checkbox"
                 >
-                <span v-if="isDomainUnverified" class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible" role="tooltip">
+                <span v-if="isAliasDeleted" class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible" role="tooltip">
+                    Alias deleted. Address is not forwarding mail.
+                </span>
+                <span v-else-if="isDomainUnverified" class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible" role="tooltip">
                     Domain not verified or disabled. Address is not forwarding mail.
                 </span>
                 <span v-else-if="!alias.recipients.length" class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible" role="tooltip">
@@ -66,7 +69,7 @@
             </div>
         </td>
         <td>
-            <div class="hs-dropdown [--offset:0]">
+            <div class="hs-dropdown">
                 <button v-bind:id="'hs-dropdown-alias-edit-' + alias.id">
                     <i class="icon icon-secondary more text-lg"></i>
                 </button>
@@ -75,6 +78,7 @@
                     v-bind:aria-labelledby="'hs-dropdown-alias-edit-' + alias.id"
                 >
                     <button
+                        v-if="!alias.deleted_at"
                         v-bind:disabled="!alias.recipients.length"
                         v-bind:data-hs-overlay="'#modal-send-alias' + alias.id"
                         v-bind:class="{ 'hide': alias.catch_all }"
@@ -82,11 +86,21 @@
                         <i class="icon icon-primary send text-xs"></i>
                         Send
                     </button>
-                    <button v-bind:data-hs-overlay="'#modal-alias-edit' + alias.id">
+                    <button
+                        v-if="!alias.deleted_at"
+                        v-bind:data-hs-overlay="'#modal-alias-edit' + alias.id">
                         <i class="icon icon-primary edit text-xs"></i>
                         Edit
                     </button>
-                    <button @click.stop="deleteAlias" class="delete">
+                    <button 
+                        v-if="alias.deleted_at"
+                        @click.stop="restoreAlias">
+                        <i class="icon icon-primary reply text-xs"></i>
+                        Restore
+                    </button>
+                    <button
+                        v-if="!alias.deleted_at"
+                        @click.stop="deleteAlias" class="delete">
                         <i class="icon icon-error trash text-xs"></i>
                         Delete
                     </button>
@@ -117,12 +131,15 @@
                     <div class="flex items-center hs-tooltip">
                         <input
                             @change="updateAlias"
-                            v-bind:checked="alias.enabled && !isDomainUnverified"
-                            v-bind:disabled="!alias.recipients.length || isDomainUnverified"
+                            v-bind:checked="alias.enabled && !isDomainUnverified && !isAliasDeleted"
+                            v-bind:disabled="!alias.recipients.length || isDomainUnverified || isAliasDeleted"
                             type="checkbox"
                         >
-                        <span v-if="isDomainUnverified" class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible" role="tooltip">
-                            Domain not verified. Address is not forwarding mail.
+                        <span v-if="isAliasDeleted" class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible" role="tooltip">
+                            Alias deleted. Address is not forwarding mail.
+                        </span>
+                        <span v-else-if="isDomainUnverified" class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible" role="tooltip">
+                            Domain not verified or disabled. Address is not forwarding mail.
                         </span>
                         <span v-else-if="!alias.recipients.length" class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible" role="tooltip">
                             Disabled
@@ -130,7 +147,7 @@
                     </div>
                 </div>
                 <div>
-                    <div class="hs-dropdown [--offset:0] mb-3">
+                    <div class="hs-dropdown mb-3">
                         <button class="py-0" v-bind:id="'hs-dropdown-alias-edit-' + alias.id">
                             <i class="icon icon-secondary more text-lg"></i>
                         </button>
@@ -139,6 +156,7 @@
                             v-bind:aria-labelledby="'hs-dropdown-alias-edit-' + alias.id"
                         >
                             <button
+                                v-if="!alias.deleted_at"
                                 v-bind:disabled="!alias.recipients.length"
                                 v-bind:data-hs-overlay="'#modal-send-alias' + alias.id"
                                 v-bind:class="{ 'hide': alias.catch_all }"
@@ -146,11 +164,21 @@
                                 <i class="icon icon-primary send text-xs"></i>
                                 Send
                             </button>
-                            <button v-bind:data-hs-overlay="'#modal-alias-edit' + alias.id">
+                            <button
+                                v-if="!alias.deleted_at"
+                                v-bind:data-hs-overlay="'#modal-alias-edit' + alias.id">
                                 <i class="icon icon-primary edit text-xs"></i>
                                 Edit
                             </button>
-                            <button @click.stop="deleteAlias" class="delete">
+                            <button
+                                v-if="alias.deleted_at"
+                                @click.stop="restoreAlias">
+                                <i class="icon icon-primary reply text-xs"></i>
+                                Restore
+                            </button>
+                            <button
+                                v-if="!alias.deleted_at"
+                                @click.stop="deleteAlias" class="delete">
                                 <i class="icon icon-error trash text-xs"></i>
                                 Delete
                             </button>
@@ -187,8 +215,8 @@
             <hr>
         </td>
     </tr>
-    <AliasSend :alias="alias" />
-    <AliasEdit :alias="alias" :recipients="recipients" :key="rowKey" />
+    <AliasSend :alias="alias" v-if="!alias.deleted_at" />
+    <AliasEdit :alias="alias" :recipients="recipients" :key="rowKey" v-if="!alias.deleted_at" />
 </template>
 
 <script setup lang="ts">
@@ -205,6 +233,7 @@ const props = defineProps(['alias', 'recipients', 'catchAll'])
 const alias = ref(props.alias)
 const recipients = ref(props.recipients)
 const isDomainUnverified = computed(() => alias.value.is_custom_domain === true && (alias.value.is_domain_verified === false || alias.value.is_domain_enabled === false))
+const isAliasDeleted = computed(() => alias.value.deleted_at !== null)
 const truncatedDescription = computed(() => {
     const desc = alias.value.description
     if (!desc) return ''
@@ -228,6 +257,13 @@ const deleteAlias = () => {
     events.emit('alias.delete', { id: alias.value.id, catchAll: props.catchAll })
 }
 
+const restoreAlias = async () => {
+    try {
+        await aliasApi.restore(alias.value.id)
+        events.emit('alias.update', {})
+    } catch {}
+}
+
 const copyAlias = (alias: string) => {
     navigator.clipboard.writeText(alias).then(() => {
         copyText.value = 'Copied'
diff --git a/app/src/components/Aliases.vue b/app/src/components/Aliases.vue
index 0eabf7fe..31d369b3 100644
--- a/app/src/components/Aliases.vue
+++ b/app/src/components/Aliases.vue
@@ -26,7 +26,7 @@
                 </button>
             </div>
         </div>
-        <div v-if="!list.length && loaded" class="card-empty">
+        <div v-if="!list.length && loaded && status === 'active'" class="card-empty">
             <span class="bg-secondary rounded flex items-center justify-center p-2 mb-5">
                 <i class="icon at icon-accent text-2xl"></i>
             </span>
@@ -41,71 +41,108 @@
                 New Alias
             </button>
         </div>
-        <div v-bind:class="{ 'hidden': !list.length || !loaded }" class="card-primary">
-            <div  class="table-container">
-                <table>
-                    <thead class="desktop-lg">
-                        <tr>
-                            <th>Active</th>
-                            <th>Description</th>
-                            <th>
-                                <button
-                                @click="sort"
-                                data-sort="name"
-                                class="sort">
-                                    Alias
-                                    <i
-                                        data-sort="name"
-                                        v-if="sortBy !== 'name'"
-                                        v-bind:class="{'rotate-180': sortOrder === 'ASC' && sortBy === 'name' }"
-                                        class="icon arrow-down text-xl icon-tertiary"
-                                    ></i>
-                                    <i
-                                        data-sort="name"
-                                        v-if="sortBy === 'name'"
-                                        v-bind:class="{'rotate-180': sortOrder === 'ASC' && sortBy === 'name' }"
-                                        class="icon arrow-down text-xl icon-accent"
-                                    ></i>
-                                </button>
-                            </th>
-                            <th>Count</th>
-                            <th>
-                                <button
-                                @click="sort"
-                                data-sort="created_at"
-                                class="sort">
-                                    Created
-                                    <i
-                                        data-sort="created_at"
-                                        v-if="sortBy !== 'created_at'"
-                                        v-bind:class="{'rotate-180': sortOrder === 'ASC' && sortBy === 'created_at' }"
-                                        class="icon arrow-down text-xl icon-tertiary"
-                                    ></i>
-                                    <i
-                                        data-sort="created_at"
-                                        v-if="sortBy === 'created_at'"
-                                        v-bind:class="{'rotate-180': sortOrder === 'ASC' && sortBy === 'created_at' }"
-                                        class="icon arrow-down text-xl icon-accent"
-                                    ></i>
-                                </button>
-                            </th>
-                            <th>Actions</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <AliasRow v-for="alias in list" :alias="alias" :key="rowKey" :recipients.sync="recipients" :catchAll=false />
-                    </tbody>
-                </table>
+        <div v-bind:class="{ 'hidden': (!list.length && status === 'active') || !loaded }">
+            <div class="tablet-lg">
+                <div class="hs-dropdown [--placement:bottom-left] mb-2">
+                    <button id="hs-dropdown-alias-status-mobile" class="sort">
+                        <span class="flex mr-1">Show:</span>
+                        <span class="text-accent flex items-center">
+                            {{ statusLabel }}
+                        </span>
+                    </button>
+                    <div
+                        class="hs-dropdown-menu hs-dropdown-open:opacity-100 hidden"
+                        aria-labelledby="hs-dropdown-alias-status-mobile"
+                    >
+                        <button @click="setStatus('')">Active</button>
+                        <button @click="setStatus('deleted')">Deleted</button>
+                        <button @click="setStatus('all')">All</button>
+                    </div>
+                </div>
+            </div>
+            <div class="card-primary">
+                <div class="table-container">
+                    <table>
+                        <thead class="desktop-lg">
+                            <tr>
+                                <th>
+                                    <div class="hs-dropdown [--placement:bottom-left]">
+                                        <button id="hs-dropdown-alias-status" class="sort">
+                                            <span class="flex mr-1">Show:</span>
+                                            <span class="text-accent flex items-center">
+                                                {{ statusLabel }}
+                                            </span>
+                                        </button>
+                                        <div
+                                            class="hs-dropdown-menu hs-dropdown-open:opacity-100 hidden"
+                                            aria-labelledby="hs-dropdown-alias-status"
+                                        >
+                                            <button @click="setStatus('')">Active</button>
+                                            <button @click="setStatus('deleted')">Deleted</button>
+                                            <button @click="setStatus('all')">All</button>
+                                        </div>
+                                    </div>
+                                </th>
+                                <th>Description</th>
+                                <th>
+                                    <button
+                                    @click="sort"
+                                    data-sort="name"
+                                    class="sort">
+                                        Alias
+                                        <i
+                                            data-sort="name"
+                                            v-if="sortBy !== 'name'"
+                                            v-bind:class="{'rotate-180': sortOrder === 'ASC' && sortBy === 'name' }"
+                                            class="icon arrow-down text-xl icon-tertiary"
+                                        ></i>
+                                        <i
+                                            data-sort="name"
+                                            v-if="sortBy === 'name'"
+                                            v-bind:class="{'rotate-180': sortOrder === 'ASC' && sortBy === 'name' }"
+                                            class="icon arrow-down text-xl icon-accent"
+                                        ></i>
+                                    </button>
+                                </th>
+                                <th>Count</th>
+                                <th>
+                                    <button
+                                    @click="sort"
+                                    data-sort="created_at"
+                                    class="sort">
+                                        Created
+                                        <i
+                                            data-sort="created_at"
+                                            v-if="sortBy !== 'created_at'"
+                                            v-bind:class="{'rotate-180': sortOrder === 'ASC' && sortBy === 'created_at' }"
+                                            class="icon arrow-down text-xl icon-tertiary"
+                                        ></i>
+                                        <i
+                                            data-sort="created_at"
+                                            v-if="sortBy === 'created_at'"
+                                            v-bind:class="{'rotate-180': sortOrder === 'ASC' && sortBy === 'created_at' }"
+                                            class="icon arrow-down text-xl icon-accent"
+                                        ></i>
+                                    </button>
+                                </th>
+                                <th>Actions</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <AliasRow v-for="alias in list" :alias="alias" :key="rowKey" :recipients.sync="recipients" :catchAll=false />
+                        </tbody>
+                    </table>
+                </div>
+                <p v-if="error" class="error">Error: {{ error }}</p>
+                <Pagination v-if="list.length" :list.sync="list" :limit="limit" :page="page" :total="total" :key="rowKey" @onUpdatePage="onUpdatePage" />
             </div>
-            <p v-if="error" class="error">Error: {{ error }}</p>
-            <Pagination v-if="list.length" :list.sync="list" :limit="limit" :page="page" :total="total" :key="rowKey" @onUpdatePage="onUpdatePage" />
         </div>
     </div>
     <AliasCreate v-if="recipients.length && settings.id && loaded" :recipients.sync="recipients" :settings.sync="settings" :catchAll=false :label="'New Alias'" />
 </template>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue'
+import { onMounted, onUnmounted, ref, computed } from 'vue'
 import axios from 'axios'
 import { aliasApi } from '../api/alias'
 import { settingsApi } from '../api/settings.ts'
@@ -114,10 +151,12 @@ import AliasCreate from './AliasCreate.vue'
 import Pagination from './Pagination.vue'
 import events from '../events.ts'
 import { RouterLink } from 'vue-router'
+import dropdown from '@preline/dropdown'
 
 const alias = {
     id: '',
     created_at: '',
+    deleted_at: null as string | null,
     name: '',
     enabled: false,
     description: '',
@@ -152,6 +191,12 @@ const sortBy = ref('created_at')
 const sortOrder = ref('DESC')
 const search = ref('')
 const searchQuery = ref('')
+const status = ref('active')
+const statusLabel = computed(() => {
+    if (status.value === 'deleted') return 'Deleted'
+    if (status.value === 'all') return 'All'
+    return 'Active'
+})
 
 const getList = async () => {
     loading.value = true
@@ -167,7 +212,8 @@ const getList = async () => {
             sort_by: sortBy.value,
             sort_order: sortOrder.value,
             catch_all: false,
-            search: searchQuery.value
+            search: searchQuery.value,
+            status: status.value
         })
         list.value = res.data.aliases
         total.value = res.data.total
@@ -199,7 +245,7 @@ const deleteAlias = async (payload: any) => {
     try {
         await aliasApi.delete(payload.id)
         error.value = ''
-        fetch()
+        getList()
     } catch (err) {
         if (axios.isAxiosError(err)) {
             error.value = err.message
@@ -233,16 +279,18 @@ const sort = (e: any) => {
     getList()
 }
 
-const fetch = () => {
-    getList()
-}
-
 const clearSearch = () => {
     search.value = ''
     searchQuery.value = ''
     getList()
 }
 
+const setStatus = (value: string) => {
+    status.value = value
+    page.value = 1
+    getList()
+}
+
 const handleKeydown = (event: KeyboardEvent) => {
     // Only trigger if not focused on an input or textarea
     const activeElement = document.activeElement
@@ -264,9 +312,10 @@ const handleKeydown = (event: KeyboardEvent) => {
 
 onMounted(async () => {
     await getSettings()
-    fetch()
-    events.on('alias.create', fetch)
-    events.on('alias.update', fetch)
+    getList()
+    dropdown.autoInit()
+    events.on('alias.create', getList)
+    events.on('alias.update', getList)
     events.on('alias.delete', onDeleteAlias)
     document.addEventListener('keydown', handleKeydown)
 })
diff --git a/app/src/components/DomainRow.vue b/app/src/components/DomainRow.vue
index 9852e3ba..ce7f03dd 100644
--- a/app/src/components/DomainRow.vue
+++ b/app/src/components/DomainRow.vue
@@ -102,7 +102,7 @@
                     </div>
                 </div>
                 <div class="text-end">
-                    <div class="hs-dropdown [--offset:0]">
+                    <div class="hs-dropdown">
                         <button class="py-0" v-bind:id="'hs-dropdown-domain-edit-' + domain.id">
                             <i class="icon icon-secondary more text-lg"></i>
                         </button>
diff --git a/app/src/components/Faq.vue b/app/src/components/Faq.vue
index 0944ef30..e637347f 100644
--- a/app/src/components/Faq.vue
+++ b/app/src/components/Faq.vue
@@ -45,7 +45,8 @@
         <p>A confirmation box will appear.  Click 'OK' to delete the alias, or click 'Cancel'.</p>
 
         <h2>Aliases: What happens to deleted aliases?</h2>
-        <p>A deleted email alias cannot be recreated, resurrected, restored, or otherwise reused.  This is a privacy feature to prevent any access, intentional or otherwise, to incoming messages associated with any deleted alias.</p>
+        <p>A deleted email alias can be restored within 90 days. During this period, the alias remains inactive and cannot forward emails. This is a privacy feature to prevent any access, intentional or otherwise, to incoming messages associated with any deleted alias.</p>
+        <p>In Aliases list, use the "Show: Active | Deleted | All" button to filter aliases by their status.</p>
 
         <h2>Aliases: How do I stop an alias from receiving messages?</h2>
         <p>On the 'Aliases' page, choose an alias, and toggle the 'Status' switch to the left position.</p>
diff --git a/app/src/components/RecipientRow.vue b/app/src/components/RecipientRow.vue
index c88de0ad..87e255af 100644
--- a/app/src/components/RecipientRow.vue
+++ b/app/src/components/RecipientRow.vue
@@ -36,7 +36,7 @@
             </div>
         </td>
         <td>
-            <div class="hs-dropdown [--offset:0]">
+            <div class="hs-dropdown">
                 <button v-bind:id="'hs-dropdown-recipient-edit-' + recipient.id">
                     <i class="icon icon-secondary more text-lg"></i>
                 </button>
@@ -101,7 +101,7 @@
                     </div>
                 </div>
                 <div class="text-end">
-                    <div class="hs-dropdown [--offset:0]">
+                    <div class="hs-dropdown">
                         <button class="py-0" v-bind:id="'hs-dropdown-recipient-edit-' + recipient.id">
                             <i class="icon icon-secondary more text-lg"></i>
                         </button>
diff --git a/app/src/style/components/plugin.css b/app/src/style/components/plugin.css
index 4f061548..ef9cef85 100644
--- a/app/src/style/components/plugin.css
+++ b/app/src/style/components/plugin.css
@@ -55,7 +55,7 @@
     }
 
     .hs-dropdown {
-        @apply relative [--placement:bottom-right];
+        @apply relative [--offset:0] [--placement:bottom-right];
 
         .hs-dropdown-menu {
             @apply transition-[opacity,margin] opacity-0 bg-primary border border-tertiary p-2 shadow-[4px_4px_0_rgba(81,81,81,100)] dark:shadow-[4px_4px_0_rgba(82,82,91,100)] z-10 min-w-36;