diff --git a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteButton/i18n.json b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteButton/i18n.json
deleted file mode 100644
index c3f96b496b..0000000000
--- a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteButton/i18n.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-    "namespace": "localUnitDeleteButton",
-    "strings": {
-        "localUnitsDelete": "Delete",
-        "deleteSuccessMessage": "{localUnitName} was deleted.",
-        "deleteFailureMessage": "Failed to validate {localUnitName}",
-        "deleteLocalUnitHeading": "Delete Local Unit Confirmation",
-        "deleteLocalUnitMessage": "Are you sure you want to delete \"{localUnitName}\"?"
-    }
-}
diff --git a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteButton/index.tsx b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteButton/index.tsx
deleted file mode 100644
index b08217aee2..0000000000
--- a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteButton/index.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import {
-    ButtonVariant,
-    ConfirmButton,
-} from '@ifrc-go/ui';
-import { useTranslation } from '@ifrc-go/ui/hooks';
-import { resolveToString } from '@ifrc-go/ui/utils';
-
-import usePermissions from '#hooks/domain/usePermissions';
-import useAlert from '#hooks/useAlert';
-import { useLazyRequest } from '#utils/restRequest';
-
-import i18n from './i18n.json';
-
-const hideDelete = true;
-
-interface Props {
-    countryId: number;
-    localUnitId: number;
-    onActionSuccess: () => void;
-    localUnitName: string | null | undefined;
-    disabled?: boolean;
-    variant?: ButtonVariant;
-}
-
-function LocalUnitDeleteButton(props: Props) {
-    const strings = useTranslation(i18n);
-    const {
-        countryId,
-        localUnitId,
-        localUnitName,
-        onActionSuccess,
-        disabled,
-        variant = 'secondary',
-    } = props;
-
-    const { isCountryAdmin, isSuperUser } = usePermissions();
-    const alert = useAlert();
-
-    const hasDeletePermission = isSuperUser || isCountryAdmin(countryId);
-
-    const {
-        pending: validateLocalUnitPending,
-        trigger: validateLocalUnit,
-    } = useLazyRequest({
-        method: 'DELETE',
-        url: '/api/v2/local-units/{id}/',
-        pathVariables: { id: localUnitId },
-        onSuccess: () => {
-            const validationMessage = resolveToString(
-                strings.deleteSuccessMessage,
-                { localUnitName },
-            );
-            alert.show(
-                validationMessage,
-                { variant: 'success' },
-            );
-            onActionSuccess();
-        },
-        onFailure: (response) => {
-            const {
-                value: { messageForNotification },
-                debugMessage,
-            } = response;
-
-            alert.show(
-                resolveToString(
-                    strings.deleteFailureMessage,
-                    { localUnitName },
-                ),
-                {
-                    variant: 'danger',
-                    description: messageForNotification,
-                    debugMessage,
-                },
-            );
-        },
-    });
-
-    if (hideDelete) {
-        return null;
-    }
-
-    return (
-        <ConfirmButton
-            variant={variant}
-            // NOTE sending an empty post request to validate the local unit
-            name={null}
-            spacing="compact"
-            confirmHeading={strings.deleteLocalUnitHeading}
-            confirmMessage={resolveToString(
-                strings.deleteLocalUnitMessage,
-                { localUnitName: localUnitName ?? '' },
-            )}
-            onConfirm={validateLocalUnit}
-            disabled={disabled
-                || validateLocalUnitPending
-                || !hasDeletePermission}
-        >
-            {strings.localUnitsDelete}
-        </ConfirmButton>
-    );
-}
-
-export default LocalUnitDeleteButton;
diff --git a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteModal/i18n.json b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteModal/i18n.json
new file mode 100644
index 0000000000..8434576c15
--- /dev/null
+++ b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteModal/i18n.json
@@ -0,0 +1,11 @@
+{
+    "namespace": "localUnitDeleteModal",
+    "strings": {
+        "submitLabel": "Submit",
+        "deleteSuccessMessage": "{localUnitName} has been successfully deleted.",
+        "deleteFailureMessage": "Unable to delete {localUnitName}. Please try again.",
+        "chooseDeleteReasonMessage": "Choose the reason to delete local unit.",
+        "deleteReasonExplanation": "Explain the reason why the local unit is being deleted.",
+        "deleteLocalUnitHeading": "Are you sure you want to delete \"{localUnitName}\"?"
+    }
+}
diff --git a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteModal/index.tsx b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteModal/index.tsx
new file mode 100644
index 0000000000..d5476a0f45
--- /dev/null
+++ b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteModal/index.tsx
@@ -0,0 +1,188 @@
+import {
+    useCallback,
+    useMemo,
+} from 'react';
+import {
+    Button,
+    Modal,
+    RadioInput,
+    TextArea,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { resolveToString } from '@ifrc-go/ui/utils';
+import {
+    createSubmitHandler,
+    getErrorObject,
+    ObjectSchema,
+    PartialForm,
+    requiredStringCondition,
+    useForm,
+} from '@togglecorp/toggle-form';
+
+import type { GlobalEnums } from '#contexts/domain';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import useAlert from '#hooks/useAlert';
+import {
+    GoApiBody,
+    useLazyRequest,
+} from '#utils/restRequest';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+type DeprecateReason = NonNullable<GlobalEnums['local_units_deprecate_reason']>[number];
+
+type LocalUnitDeprecateBody = GoApiBody<'/api/v2/local-units/{id}/deprecate/', 'POST'>;
+
+type DeprecateFormType = PartialForm<LocalUnitDeprecateBody>;
+type FormSchema = ObjectSchema<DeprecateFormType>;
+type FormSchemaFields = ReturnType<FormSchema['fields']>;
+
+const deprecateReasonKeySelector = (
+    item: DeprecateReason,
+) => item.key;
+
+const deprecateReasonLabelSelector = (
+    item: DeprecateReason,
+) => item.value;
+
+const defaultFormValue: DeprecateFormType = {
+};
+
+const schema: FormSchema = {
+    fields: (): FormSchemaFields => ({
+        deprecated_reason: {
+            required: true,
+        },
+        deprecated_reason_overview: {
+            required: true,
+            requiredValidation: requiredStringCondition,
+        },
+    }),
+};
+
+interface Props {
+    localUnitId: number;
+    onDeleteActionSuccess?: () => void;
+    onClose: () => void;
+    localUnitName: string;
+}
+
+function LocalUnitDeleteModal(props: Props) {
+    const strings = useTranslation(i18n);
+    const {
+        localUnitId,
+        localUnitName,
+        onDeleteActionSuccess,
+        onClose,
+    } = props;
+
+    const {
+        local_units_deprecate_reason: deprecateReasonOptions,
+    } = useGlobalEnums();
+
+    const {
+        value,
+        error: formError,
+        setFieldValue,
+        setError,
+        validate,
+    } = useForm(schema, { value: defaultFormValue });
+
+    const error = useMemo(
+        () => getErrorObject(formError),
+        [formError],
+    );
+
+    const alert = useAlert();
+
+    const {
+        pending: deprecateLocalUnitPending,
+        trigger: deprecateLocalUnit,
+    } = useLazyRequest({
+        method: 'POST',
+        url: '/api/v2/local-units/{id}/deprecate/',
+        body: (body: LocalUnitDeprecateBody) => body,
+        pathVariables: { id: localUnitId },
+        onSuccess: () => {
+            const validationMessage = resolveToString(
+                strings.deleteSuccessMessage,
+                { localUnitName },
+            );
+            alert.show(
+                validationMessage,
+                { variant: 'success' },
+            );
+            if (onDeleteActionSuccess) {
+                onDeleteActionSuccess();
+            }
+        },
+        onFailure: (response) => {
+            const {
+                value: { messageForNotification },
+            } = response;
+
+            alert.show(
+                resolveToString(
+                    strings.deleteFailureMessage,
+                    { localUnitName },
+                ),
+                {
+                    variant: 'danger',
+                    description: messageForNotification,
+                },
+            );
+        },
+    });
+
+    const handleFormSubmit = useCallback(
+        (formValues: DeprecateFormType) => {
+            deprecateLocalUnit(formValues as LocalUnitDeprecateBody);
+        },
+        [deprecateLocalUnit],
+    );
+
+    return (
+        <Modal
+            heading={resolveToString(
+                strings.deleteLocalUnitHeading,
+                { localUnitName },
+            )}
+            withHeaderBorder
+            childrenContainerClassName={styles.localUnitDeleteFormContent}
+            onClose={onClose}
+            footerActions={(
+                <Button
+                    name={undefined}
+                    onClick={createSubmitHandler(validate, setError, handleFormSubmit)}
+                    disabled={deprecateLocalUnitPending}
+                >
+                    {strings.submitLabel}
+                </Button>
+            )}
+        >
+            <RadioInput
+                required
+                name="deprecated_reason"
+                listContainerClassName={styles.reasonList}
+                value={value.deprecated_reason}
+                label={strings.chooseDeleteReasonMessage}
+                onChange={setFieldValue}
+                options={deprecateReasonOptions}
+                keySelector={deprecateReasonKeySelector}
+                labelSelector={deprecateReasonLabelSelector}
+                error={error?.deprecated_reason}
+            />
+            <TextArea
+                required
+                name="deprecated_reason_overview"
+                label={strings.deleteReasonExplanation}
+                value={value.deprecated_reason_overview}
+                onChange={setFieldValue}
+                error={error?.deprecated_reason_overview}
+            />
+        </Modal>
+    );
+}
+
+export default LocalUnitDeleteModal;
diff --git a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteModal/styles.module.css b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteModal/styles.module.css
new file mode 100644
index 0000000000..19ca321d4a
--- /dev/null
+++ b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteModal/styles.module.css
@@ -0,0 +1,11 @@
+.local-unit-delete-form-content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--go-ui-spacing-lg);
+
+    .reason-list {
+        flex-direction: column;
+    }
+
+}
+
diff --git a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/LocalUnitsForm/i18n.json b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/LocalUnitsForm/i18n.json
index 180d103e3b..6a0031355a 100644
--- a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/LocalUnitsForm/i18n.json
+++ b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/LocalUnitsForm/i18n.json
@@ -73,6 +73,7 @@
         "otherProfiles": "Other profiles",
         "commentsNS": "Comments by the NS",
         "submitButtonLabel": "Submit",
-        "editButtonLabel": "Edit"
+        "editButtonLabel": "Edit",
+        "localUnitDeleteButtonLabel": "Delete"
     }
 }
diff --git a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/LocalUnitsForm/index.tsx b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/LocalUnitsForm/index.tsx
index 70403102bd..fd59f9aa48 100644
--- a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/LocalUnitsForm/index.tsx
+++ b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/LocalUnitsForm/index.tsx
@@ -17,7 +17,10 @@ import {
     TextArea,
     TextInput,
 } from '@ifrc-go/ui';
-import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+    useBooleanState,
+    useTranslation,
+} from '@ifrc-go/ui/hooks';
 import {
     numericIdSelector,
     resolveToComponent,
@@ -41,7 +44,9 @@ import BaseMapPointInput from '#components/domain/BaseMapPointInput';
 import CountrySelectInput from '#components/domain/CountrySelectInput';
 import NonFieldError from '#components/NonFieldError';
 import { environment } from '#config';
+import useAuth from '#hooks/domain/useAuth';
 import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import usePermissions from '#hooks/domain/usePermissions';
 import useAlert from '#hooks/useAlert';
 import { getFirstTruthyString } from '#utils/common';
 import { VISIBILITY_PUBLIC } from '#utils/constants';
@@ -54,7 +59,7 @@ import {
 } from '#utils/restRequest';
 import { transformObjectError } from '#utils/restRequest/error';
 
-import LocalUnitDeleteButton from '../../LocalUnitDeleteButton';
+import LocalUnitDeleteModal from '../../LocalUnitDeleteModal';
 import LocalUnitValidateButton from '../../LocalUnitValidateButton';
 import schema, {
     type LocalUnitsRequestPostBody,
@@ -110,6 +115,7 @@ interface Props {
     readOnly?: boolean;
     onSuccess?: () => void;
     onEditButtonClick?: () => void;
+    onDeleteActionSuccess?: () => void;
     localUnitId?: number;
     actionsContainerRef: RefObject<HTMLDivElement>;
     headingDescriptionRef?: RefObject<HTMLDivElement>;
@@ -125,14 +131,39 @@ function LocalUnitsForm(props: Props) {
         actionsContainerRef,
         headingDescriptionRef,
         headerDescriptionRef,
+        onDeleteActionSuccess,
     } = props;
 
     const alert = useAlert();
     const strings = useTranslation(i18n);
     const formFieldsContainerRef = useRef<HTMLDivElement>(null);
 
+    const [
+        showDeleteLocalUnitModal,
+        {
+            setTrue: setShowDeleteLocalUnitModalTrue,
+            setFalse: setShowDeleteLocalUnitModalFalse,
+        },
+    ] = useBooleanState(false);
+
+    const {
+        isSuperUser,
+        isRegionAdmin,
+        isCountryAdmin,
+        isGuestUser,
+    } = usePermissions();
+    const { isAuthenticated } = useAuth();
+
     const { api_visibility_choices: visibilityOptions } = useGlobalEnums();
-    const { countryId } = useOutletContext<CountryOutletContext>();
+
+    const { countryId, countryResponse } = useOutletContext<CountryOutletContext>();
+
+    const hasValidatePermission = isSuperUser
+        || isCountryAdmin(Number(countryId))
+        || isRegionAdmin(Number(countryResponse?.region));
+
+    const hasDeletePermission = isAuthenticated && !isGuestUser;
+
     const {
         value,
         error: formError,
@@ -388,28 +419,28 @@ function LocalUnitsForm(props: Props) {
                                 && (environment !== 'production')
                                 && (
                                     <div className={styles.actions}>
-                                        <LocalUnitDeleteButton
-                                            countryId={Number(countryId)}
-                                            localUnitId={localUnitId}
-                                            localUnitName={getFirstTruthyString(
-                                                value.local_branch_name,
-                                                value.english_branch_name,
-                                            )}
-                                            onActionSuccess={onSuccess}
-                                            disabled={!pristine}
-                                        />
-                                        <LocalUnitValidateButton
-                                            countryId={Number(countryId)}
-                                            localUnitId={localUnitId}
-                                            localUnitName={getFirstTruthyString(
-                                                value.local_branch_name,
-                                                value.english_branch_name,
-                                            )}
-                                            onActionSuccess={onSuccess}
-                                            isValidated={localUnitDetailsResponse.validated}
-                                            disabled={!pristine}
-                                            readOnly={!pristine}
-                                        />
+                                        {hasDeletePermission && (
+                                            <Button
+                                                name={undefined}
+                                                onClick={setShowDeleteLocalUnitModalTrue}
+                                            >
+                                                {strings.localUnitDeleteButtonLabel}
+                                            </Button>
+                                        )}
+                                        {hasValidatePermission && (
+                                            <LocalUnitValidateButton
+                                                countryId={Number(countryId)}
+                                                localUnitId={localUnitId}
+                                                localUnitName={getFirstTruthyString(
+                                                    value.local_branch_name,
+                                                    value.english_branch_name,
+                                                )}
+                                                onActionSuccess={onSuccess}
+                                                isValidated={localUnitDetailsResponse.validated}
+                                                disabled={!pristine}
+                                                readOnly={!pristine}
+                                            />
+                                        )}
                                     </div>
                                 )}
                         </FormGrid>
@@ -1055,6 +1086,17 @@ function LocalUnitsForm(props: Props) {
                     </>
                 )}
             </Container>
+            {showDeleteLocalUnitModal && isDefined(localUnitId) && (
+                <LocalUnitDeleteModal
+                    onClose={setShowDeleteLocalUnitModalFalse}
+                    localUnitName={getFirstTruthyString(
+                        value.local_branch_name,
+                        value.english_branch_name,
+                    )}
+                    onDeleteActionSuccess={onDeleteActionSuccess}
+                    localUnitId={localUnitId}
+                />
+            )}
         </div>
     );
 }
diff --git a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/index.tsx b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/index.tsx
index 8392238385..af6ce1c448 100644
--- a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/index.tsx
+++ b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/index.tsx
@@ -16,6 +16,7 @@ interface Props {
     readOnly?: boolean;
     setReadOnly?: React.Dispatch<React.SetStateAction<boolean>>;
     onClose: (requestDone?: boolean) => void;
+    onDeleteActionSuccess?: () => void;
 }
 
 function LocalUnitsFormModal(props: Props) {
@@ -24,6 +25,7 @@ function LocalUnitsFormModal(props: Props) {
         localUnitId,
         readOnly,
         setReadOnly,
+        onDeleteActionSuccess,
     } = props;
 
     const strings = useTranslation(i18n);
@@ -74,6 +76,7 @@ function LocalUnitsFormModal(props: Props) {
                 actionsContainerRef={actionsContainerRef}
                 headingDescriptionRef={headingDescriptionRef}
                 headerDescriptionRef={headerDescriptionRef}
+                onDeleteActionSuccess={onDeleteActionSuccess}
             />
         </Modal>
     );
diff --git a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsMap/index.tsx b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsMap/index.tsx
index eb58cc4956..4a2442f162 100644
--- a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsMap/index.tsx
+++ b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsMap/index.tsx
@@ -184,6 +184,7 @@ function LocalUnitsMap(props: Props) {
     const {
         response: localUnitsResponse,
         pending: localUnitsPending,
+        retrigger: refetchLocalUnits,
     } = useRequest({
         skip: requestType !== AUTHENTICATED || isNotDefined(countryResponse),
         url: '/api/v2/local-units/',
@@ -583,6 +584,7 @@ function LocalUnitsMap(props: Props) {
                     localUnitId={clickedPointProperties?.localUnitId}
                     readOnly={readOnlyLocalUnitModal}
                     setReadOnly={setReadOnlyLocalUnitModal}
+                    onDeleteActionSuccess={refetchLocalUnits}
                 />
             ))}
         </Container>
diff --git a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsTable/LocalUnitTableActions/index.tsx b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsTable/LocalUnitTableActions/index.tsx
index cec03b2d7d..075a43ff98 100644
--- a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsTable/LocalUnitTableActions/index.tsx
+++ b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsTable/LocalUnitTableActions/index.tsx
@@ -13,9 +13,11 @@ import {
 
 import DropdownMenuItem from '#components/DropdownMenuItem';
 import { environment } from '#config';
+import useAuth from '#hooks/domain/useAuth';
+import useCountry from '#hooks/domain/useCountry';
 import usePermissions from '#hooks/domain/usePermissions';
 
-import LocalUnitDeleteButton from '../../LocalUnitDeleteButton';
+import LocalUnitDeleteModal from '../../LocalUnitDeleteModal';
 import LocalUnitsFormModal from '../../LocalUnitsFormModal';
 import LocalUnitValidateButton from '../../LocalUnitValidateButton';
 
@@ -23,10 +25,11 @@ import i18n from './i18n.json';
 
 export interface Props {
     countryId: number;
-    localUnitName: string | null | undefined;
+    localUnitName: string;
     localUnitId: number;
     isValidated: boolean;
-    onActionSuccess: () => void;
+    onDeleteActionSuccess: () => void;
+    onValidationActionSuccess: () => void;
 }
 
 function LocalUnitsTableActions(props: Props) {
@@ -35,30 +38,56 @@ function LocalUnitsTableActions(props: Props) {
         localUnitName,
         localUnitId,
         isValidated,
-        onActionSuccess,
+        onValidationActionSuccess,
+        onDeleteActionSuccess,
     } = props;
 
-    const { isCountryAdmin, isSuperUser } = usePermissions();
     const strings = useTranslation(i18n);
 
-    const hasValidatePermission = isSuperUser || isCountryAdmin(countryId);
+    const countryDetails = useCountry({ id: Number(countryId) });
+
+    const {
+        isSuperUser,
+        isRegionAdmin,
+        isCountryAdmin,
+        isGuestUser,
+    } = usePermissions();
+
+    const { isAuthenticated } = useAuth();
+
+    const hasValidatePermission = isSuperUser
+        || isCountryAdmin(Number(countryId))
+        || isRegionAdmin(Number(countryDetails?.region));
+
+    const hasDeletePermission = isAuthenticated && !isGuestUser;
 
     const [readOnlyLocalUnitModal, setReadOnlyLocalUnitModal] = useState(false);
 
-    const [showLocalUnitModal, {
-        setTrue: setShowLocalUnitModalTrue,
-        setFalse: setShowLocalUnitModalFalse,
-    }] = useBooleanState(false);
+    const [
+        showLocalUnitModal,
+        {
+            setTrue: setShowLocalUnitModalTrue,
+            setFalse: setShowLocalUnitModalFalse,
+        },
+    ] = useBooleanState(false);
+
+    const [
+        showDeleteLocalUnitModal,
+        {
+            setTrue: setShowDeleteLocalUnitModalTrue,
+            setFalse: setShowDeleteLocalUnitModalFalse,
+        },
+    ] = useBooleanState(false);
 
     const handleLocalUnitsFormModalClose = useCallback(
         (shouldUpdate?: boolean) => {
             setShowLocalUnitModalFalse();
 
             if (shouldUpdate) {
-                onActionSuccess();
+                onDeleteActionSuccess();
             }
         },
-        [setShowLocalUnitModalFalse, onActionSuccess],
+        [setShowLocalUnitModalFalse, onDeleteActionSuccess],
     );
 
     const handleViewLocalUnitClick = useCallback(
@@ -68,6 +97,7 @@ function LocalUnitsTableActions(props: Props) {
         },
         [setShowLocalUnitModalTrue],
     );
+
     const handleEditLocalUnitClick = useCallback(
         () => {
             setReadOnlyLocalUnitModal(false);
@@ -86,7 +116,7 @@ function LocalUnitsTableActions(props: Props) {
                             type="button"
                             name={localUnitId}
                             onClick={handleViewLocalUnitClick}
-                            disabled={!hasValidatePermission}
+                            disabled={isGuestUser}
                         >
                             {strings.localUnitsView}
                         </DropdownMenuItem>
@@ -94,26 +124,28 @@ function LocalUnitsTableActions(props: Props) {
                             type="button"
                             name={localUnitId}
                             onClick={handleEditLocalUnitClick}
-                            disabled={!hasValidatePermission}
+                            disabled={isGuestUser}
                         >
                             {strings.localUnitsEdit}
                         </DropdownMenuItem>
-                        <LocalUnitDeleteButton
-                            variant="dropdown-item"
-                            countryId={countryId}
-                            localUnitName={localUnitName}
-                            onActionSuccess={onActionSuccess}
-                            localUnitId={localUnitId}
-                        />
+                        {hasDeletePermission && (
+                            <DropdownMenuItem
+                                type="button"
+                                name={undefined}
+                                onClick={setShowDeleteLocalUnitModalTrue}
+                            >
+                                {strings.localUnitsDelete}
+                            </DropdownMenuItem>
+                        )}
                     </>
                 )}
             >
-                {environment !== 'production' ? (
+                {hasValidatePermission && environment !== 'production' ? (
                     <LocalUnitValidateButton
                         countryId={countryId}
                         localUnitName={localUnitName}
                         isValidated={isValidated}
-                        onActionSuccess={onActionSuccess}
+                        onActionSuccess={onValidationActionSuccess}
                         localUnitId={localUnitId}
                     />
                 ) : (
@@ -121,7 +153,6 @@ function LocalUnitsTableActions(props: Props) {
                         name={localUnitId}
                         variant="tertiary"
                         onClick={handleViewLocalUnitClick}
-                        disabled={!hasValidatePermission}
                     >
                         {strings.localUnitsView}
                     </Button>
@@ -133,6 +164,15 @@ function LocalUnitsTableActions(props: Props) {
                     localUnitId={localUnitId}
                     readOnly={readOnlyLocalUnitModal}
                     setReadOnly={setReadOnlyLocalUnitModal}
+                    onDeleteActionSuccess={onDeleteActionSuccess}
+                />
+            )}
+            {showDeleteLocalUnitModal && (
+                <LocalUnitDeleteModal
+                    onClose={setShowDeleteLocalUnitModalFalse}
+                    localUnitName={localUnitName}
+                    onDeleteActionSuccess={onDeleteActionSuccess}
+                    localUnitId={localUnitId}
                 />
             )}
         </>
diff --git a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsTable/index.tsx b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsTable/index.tsx
index 9886f24e6b..faedefdb61 100644
--- a/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsTable/index.tsx
+++ b/app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsTable/index.tsx
@@ -134,7 +134,8 @@ function LocalUnitsTable(props: Props) {
                         item.local_branch_name,
                         item.english_branch_name,
                     ),
-                    onActionSuccess: refetchLocalUnits,
+                    onDeleteActionSuccess: refetchLocalUnits,
+                    onValidationActionSuccess: refetchLocalUnits,
                 }),
                 { columnClassName: styles.actions },
             ),