diff --git a/src/components/Form/IpaDropdownSearch.tsx b/src/components/Form/IpaDropdownSearch.tsx
index 49a6f877..f358e070 100644
--- a/src/components/Form/IpaDropdownSearch.tsx
+++ b/src/components/Form/IpaDropdownSearch.tsx
@@ -21,9 +21,11 @@ import { updateIpaObject } from "src/utils/ipaObjectUtils";
 interface IPAParamDefinitionDropdown extends IPAParamDefinition {
   id?: string;
   setIpaObject?: (ipaObject: Record<string, unknown>) => void;
+  onSelect?: (username: string) => void; // For non-ipaObjects
   options: string[];
   ariaLabelledBy?: string;
   onSearch: (value: string) => void;
+  ipaObject?: Record<string, unknown>;
 }
 
 const IpaDropdownSearch = (props: IPAParamDefinitionDropdown) => {
@@ -40,6 +42,9 @@ const IpaDropdownSearch = (props: IPAParamDefinitionDropdown) => {
     if (ipaObject && props.setIpaObject !== undefined) {
       updateIpaObject(ipaObject, props.setIpaObject, selection, props.name);
     }
+    if (props.onSelect !== undefined) {
+      props.onSelect(selection as string);
+    }
     props.onSearch("");
     setSearchValue("");
     setIsOpen(false);
diff --git a/src/components/layouts/DropdownSearch.tsx b/src/components/layouts/DropdownSearch.tsx
new file mode 100644
index 00000000..61779529
--- /dev/null
+++ b/src/components/layouts/DropdownSearch.tsx
@@ -0,0 +1,120 @@
+import React from "react";
+// PatternFly
+import {
+  Divider,
+  MenuToggle,
+  MenuToggleElement,
+  MenuSearch,
+  MenuSearchInput,
+  Dropdown,
+  DropdownItem,
+  DropdownList,
+  SearchInput,
+} from "@patternfly/react-core";
+import { useGetIDListMutation, GenericPayload } from "src/services/rpc";
+
+interface DropdownProps {
+  id?: string;
+  onSelect: (value: string) => void;
+  options: string[];
+  ariaLabelledBy?: string;
+  searchType: string;
+  value: string;
+}
+
+const DropdownSearch = (props: DropdownProps) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [searchValue, setSearchValue] = React.useState("");
+  const [options, setOptions] = React.useState(props.options);
+
+  const [retrieveUsers] = useGetIDListMutation({});
+
+  const onSelect = (
+    _event: React.MouseEvent<Element, MouseEvent> | undefined,
+    selection: string | number | undefined
+  ) => {
+    props.onSelect(selection as string);
+    setSearchValue("");
+    setIsOpen(false);
+    setOptions(props.options);
+  };
+
+  const onToggleClick = () => {
+    setIsOpen(!isOpen);
+  };
+
+  // Search for specifc users
+  const submitSearchValue = (value: string) => {
+    if (value === "") {
+      // Reset options
+      setOptions(props.options);
+      return;
+    } else {
+      // Searching
+      setOptions(["Searching ..."]);
+    }
+    retrieveUsers({
+      searchValue: value,
+      sizeLimit: 200,
+      startIdx: 0,
+      stopIdx: 199,
+      entryType: props.searchType,
+    } as GenericPayload).then((result) => {
+      if (result && "data" in result) {
+        setOptions(result.data.list);
+      } else {
+        setOptions([]);
+      }
+      setIsOpen(true);
+    });
+  };
+
+  // Removed selected value from options
+  const filteredOptions = options.filter((item) => item !== props.value);
+
+  return (
+    <Dropdown
+      id={props.id || "dropdown-search"}
+      isOpen={isOpen}
+      onSelect={onSelect}
+      onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}
+      toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
+        <MenuToggle
+          ref={toggleRef}
+          isFullWidth
+          onClick={onToggleClick}
+          isExpanded={isOpen}
+        >
+          {props.value}
+        </MenuToggle>
+      )}
+      ouiaId="BasicDropdown"
+      shouldFocusToggleOnSelect
+      isScrollable
+    >
+      <MenuSearch>
+        <MenuSearchInput>
+          <SearchInput
+            value={searchValue}
+            placeholder="Search"
+            onChange={(_event, value) => setSearchValue(value)}
+            onSearch={() => submitSearchValue(searchValue)}
+            onClear={() => {
+              setSearchValue("");
+            }}
+          />
+        </MenuSearchInput>
+      </MenuSearch>
+      <Divider />
+      <DropdownList>
+        {filteredOptions.map((option, index) => (
+          <DropdownItem value={option} key={index}>
+            {option}
+          </DropdownItem>
+        ))}
+      </DropdownList>
+    </Dropdown>
+  );
+};
+
+export default DropdownSearch;
diff --git a/src/components/modals/IdOverrideModals/AddIdOverrideUser.tsx b/src/components/modals/IdOverrideModals/AddIdOverrideUser.tsx
new file mode 100644
index 00000000..4f4b99c2
--- /dev/null
+++ b/src/components/modals/IdOverrideModals/AddIdOverrideUser.tsx
@@ -0,0 +1,500 @@
+import React, { MutableRefObject, useEffect, useRef, useState } from "react";
+// PatternFly
+import {
+  Button,
+  Spinner,
+  Text,
+  TextContent,
+  TextInput,
+  TextArea,
+  ValidatedOptions,
+} from "@patternfly/react-core";
+// Layout
+import SecondaryButton from "src/components/layouts/SecondaryButton";
+import ModalWithFormLayout from "src/components/layouts/ModalWithFormLayout";
+// Redux
+import { FetchBaseQueryError } from "@reduxjs/toolkit/dist/query";
+import { SerializedError } from "@reduxjs/toolkit";
+// Modals
+import ErrorModal from "src/components/modals/ErrorModal";
+// Forms
+import DropdownSearch from "src/components/layouts/DropdownSearch";
+// Hooks
+import useAlerts from "src/hooks/useAlerts";
+// Data types
+import { IDViewOverrideUser } from "src/utils/datatypes/globalDataTypes";
+import {
+  useGetIDListMutation,
+  FindRPCResponse,
+  GenericPayload,
+} from "src/services/rpc";
+import {
+  useAddIDOverrideUserMutation,
+  AddUserPayload,
+} from "src/services/rpcIdOverrides";
+
+export interface PropsToAddUser {
+  show: boolean;
+  idview: string;
+  users: IDViewOverrideUser[];
+  handleModalToggle: () => void;
+  onOpenAddModal: () => void;
+  onCloseAddModal: () => void;
+  onRefresh: () => void;
+}
+
+const AddIDOverrideUserModal = (props: PropsToAddUser) => {
+  // Alerts to show in the UI
+  const alerts = useAlerts();
+
+  // Define 'executeCommand' to add user data to IPA server
+  const [executeAddCommand] = useAddIDOverrideUserMutation();
+  const [retrieveUsers] = useGetIDListMutation({});
+
+  // States for TextInputs
+  const [overrideUser, setOverrideUser] = useState("");
+  const [login, setLogin] = useState("");
+  const [gecos, setGecos] = useState("");
+  const [uidnumber, setUidNumber] = useState("");
+  const [gidnumber, setGidNumber] = useState("");
+  const [usercertificate, setCertificate] = useState("");
+  const [ipasshpubkey, setSSHKey] = useState("");
+  const [loginshell, setShell] = useState("");
+  const [homedirectory, setHomeDirectory] = useState("");
+  const [description, setDescription] = useState("");
+
+  const [addSpinning, setAddBtnSpinning] = React.useState<boolean>(false);
+  const [addAgainSpinning, setAddAgainBtnSpinning] =
+    React.useState<boolean>(false);
+  const [loading, setLoading] = React.useState<boolean>(false);
+  const [userNames, setUserNames] = useState<string[]>([]);
+
+  // Get our initial list of users
+  useEffect(() => {
+    if (!props.show) {
+      return;
+    }
+    setLoading(true);
+    retrieveUsers({
+      searchValue: "",
+      sizeLimit: 200,
+      startIdx: 0,
+      stopIdx: 199,
+      entryType: "user",
+    } as GenericPayload).then((result) => {
+      if (result && "data" in result) {
+        // Filter out users that are already listed
+        const existing_users = props.users.map(
+          (user) => user["ipaanchoruuid"][0]
+        );
+        const users = result.data.list.filter(
+          (item) => !existing_users.includes(item)
+        );
+        setUserNames(users);
+      } else {
+        setUserNames([]);
+      }
+      setLoading(false);
+    });
+  }, [props.show, props.users]);
+
+  // Refs
+  const loginRef = useRef() as MutableRefObject<HTMLInputElement>;
+  const gecosRef = useRef() as MutableRefObject<HTMLInputElement>;
+  const uidNumberRef = useRef() as MutableRefObject<HTMLInputElement>;
+  const gidNumberRef = useRef() as MutableRefObject<HTMLInputElement>;
+  const shellRef = useRef() as MutableRefObject<HTMLInputElement>;
+  const homedirRef = useRef() as MutableRefObject<HTMLInputElement>;
+
+  // List of fields
+  const fields = [
+    {
+      id: "override-user",
+      name: "User to override",
+      pfComponent: (
+        <DropdownSearch
+          id="modal-form-user-name"
+          options={userNames}
+          onSelect={(value: string) => setOverrideUser(value)}
+          searchType="user"
+          value={overrideUser}
+        />
+      ),
+    },
+    {
+      id: "user-login",
+      name: "User login",
+      pfComponent: (
+        <TextInput
+          type="text"
+          id="modal-form-user-login"
+          name="modal-form-user-login"
+          value={login}
+          onChange={(_event, value: string) => setLogin(value)}
+          ref={loginRef}
+        />
+      ),
+    },
+    {
+      id: "user-gecos",
+      name: "GECOS",
+      pfComponent: (
+        <TextInput
+          type="text"
+          id="modal-form-user-gecos"
+          name="modal-form-user-gecos"
+          value={gecos}
+          onChange={(_event, value: string) => setGecos(value)}
+          ref={gecosRef}
+        />
+      ),
+    },
+    {
+      id: "user-uidnumber",
+      name: "UID",
+      pfComponent: (
+        <TextInput
+          type="text"
+          id="modal-form-user-uidnumber"
+          name="modal-form-user-uidnumber"
+          value={uidnumber}
+          onChange={(_event, value: string) => setUidNumber(value)}
+          ref={uidNumberRef}
+          validated={
+            uidnumber !== "" && isNaN(Number(uidnumber))
+              ? ValidatedOptions.error
+              : ValidatedOptions.default
+          }
+        />
+      ),
+    },
+    {
+      id: "user-gidnumber",
+      name: "GID",
+      pfComponent: (
+        <TextInput
+          type="text"
+          id="modal-form-user-gidnumber"
+          name="modal-form-user-gidnumber"
+          value={gidnumber}
+          onChange={(_event, value: string) => setGidNumber(value)}
+          ref={gidNumberRef}
+          validated={
+            gidnumber !== "" && isNaN(Number(gidnumber))
+              ? ValidatedOptions.error
+              : ValidatedOptions.default
+          }
+        />
+      ),
+    },
+    {
+      id: "user-shell",
+      name: "Login shell",
+      pfComponent: (
+        <TextInput
+          type="text"
+          id="modal-form-user-shell"
+          name="modal-form-user-shell"
+          value={loginshell}
+          onChange={(_event, value: string) => setShell(value)}
+          ref={shellRef}
+        />
+      ),
+    },
+    {
+      id: "user-homedir",
+      name: "Home directory",
+      pfComponent: (
+        <TextInput
+          type="text"
+          id="modal-form-user-homedir"
+          name="modal-form-user-homedir"
+          value={homedirectory}
+          onChange={(_event, value: string) => setHomeDirectory(value)}
+          ref={homedirRef}
+        />
+      ),
+    },
+    {
+      id: "user-cert",
+      name: "Certificate",
+      pfComponent: (
+        <TextArea
+          id="modal-form-user-cert"
+          name="modal-form-user-cert"
+          value={usercertificate}
+          onChange={(_event, value: string) => setCertificate(value)}
+        />
+      ),
+    },
+    {
+      id: "user-ssh",
+      name: "SSH public key",
+      pfComponent: (
+        <TextArea
+          id="modal-form-user-ssh"
+          name="modal-form-user-ssh"
+          value={ipasshpubkey}
+          onChange={(_event, value: string) => setSSHKey(value)}
+        />
+      ),
+    },
+    {
+      id: "user-desc",
+      name: "Description",
+      pfComponent: (
+        <TextArea
+          id="modal-form-user-desc"
+          name="modal-form-user-desc"
+          value={description}
+          onChange={(_event, value: string) => setDescription(value)}
+        />
+      ),
+    },
+  ];
+
+  // Helper method to clean the fields
+  const cleanAllFields = () => {
+    setOverrideUser("");
+    setLogin("");
+    setGecos("");
+    setUidNumber("");
+    setGidNumber("");
+    setCertificate("");
+    setSSHKey("");
+    setShell("");
+    setHomeDirectory("");
+    setDescription("");
+  };
+
+  // Clean fields and close modal (To prevent data persistence when reopen modal)
+  const cleanAndCloseModal = () => {
+    cleanAllFields();
+    props.onCloseAddModal();
+  };
+
+  // Define status flags to determine user added successfully or error
+  let isAdditionSuccess = true;
+
+  // Track which button has been clicked ('onAddUser' or 'onAddAndAddAnother')
+  // to better handle the 'retry' function and its behavior
+  let onAddClicked = true;
+
+  // Add data
+  const addUser = async () => {
+    const newUserPayload = {
+      idview: props.idview,
+      name: overrideUser,
+      uid: login,
+      gecos,
+      uidnumber,
+      gidnumber,
+      loginshell,
+      homedirectory,
+      usercertificate,
+      ipasshpubkey,
+      description,
+    } as AddUserPayload;
+
+    // Add host via API call
+    await executeAddCommand(newUserPayload).then((add) => {
+      if ("data" in add) {
+        const data = add.data as FindRPCResponse;
+        const error = data.error as FetchBaseQueryError | SerializedError;
+        if (error) {
+          // Set status flag: error
+          isAdditionSuccess = false;
+          // Handle error
+          handleAPIError(error);
+        } else {
+          // Set alert: success
+          alerts.addAlert(
+            "add-user-success",
+            "New override user added",
+            "success"
+          );
+
+          // Set status flag: success
+          isAdditionSuccess = true;
+          // Refresh data
+          props.onRefresh();
+        }
+        setAddBtnSpinning(false);
+        setAddAgainBtnSpinning(false);
+      }
+    });
+  };
+
+  const addAndAddAnotherHandler = () => {
+    onAddClicked = false;
+    setAddAgainBtnSpinning(true);
+    addUser().then(() => {
+      if (isAdditionSuccess) {
+        // Do not close the modal, but clean fields & reset validations
+        cleanAllFields();
+      } else {
+        // Close the modal without cleaning fields
+        if (props.onCloseAddModal !== undefined) {
+          props.onCloseAddModal();
+        }
+      }
+    });
+  };
+
+  const addHandler = () => {
+    onAddClicked = true;
+    setAddBtnSpinning(true);
+    addUser().then(() => {
+      if (!isAdditionSuccess) {
+        // Close the modal without cleaning fields
+        if (props.onCloseAddModal !== undefined) {
+          props.onCloseAddModal();
+        }
+      } else {
+        // Clean data and close modal
+        cleanAndCloseModal();
+      }
+    });
+  };
+
+  // Handle API error data
+  const [isModalErrorOpen, setIsModalErrorOpen] = useState(false);
+  const [errorTitle, setErrorTitle] = useState("");
+  const [errorMessage, setErrorMessage] = useState("");
+
+  const closeAndCleanErrorParameters = () => {
+    setIsModalErrorOpen(false);
+    setErrorTitle("");
+    setErrorMessage("");
+  };
+
+  const onCloseErrorModal = () => {
+    closeAndCleanErrorParameters();
+    // Show Add modal
+    if (props.onOpenAddModal !== undefined) {
+      props.onOpenAddModal();
+    }
+  };
+
+  const onRetry = () => {
+    // Keep the add modal closed until the operation is done...
+    if (props.onCloseAddModal !== undefined) {
+      props.onCloseAddModal();
+    }
+
+    // Close the error modal
+    closeAndCleanErrorParameters();
+
+    // Repeats the same previous operation
+    if (onAddClicked) {
+      addHandler();
+    } else {
+      addAndAddAnotherHandler();
+    }
+  };
+
+  const errorModalActions = [
+    <SecondaryButton key="retry" onClickHandler={onRetry}>
+      Retry
+    </SecondaryButton>,
+    <Button key="cancel" variant="link" onClick={onCloseErrorModal}>
+      Cancel
+    </Button>,
+  ];
+
+  const handleAPIError = (error: FetchBaseQueryError | SerializedError) => {
+    if ("code" in error) {
+      setErrorTitle("IPA error " + error.code + ": " + error.name);
+      if (error.message !== undefined) {
+        setErrorMessage(error.message);
+      }
+    }
+    setIsModalErrorOpen(true);
+  };
+
+  const [buttonDisabled, setButtonDisabled] = useState(true);
+  useEffect(() => {
+    if (
+      overrideUser === "" ||
+      (uidnumber !== "" && isNaN(Number(uidnumber))) ||
+      (gidnumber !== "" && isNaN(Number(gidnumber)))
+    ) {
+      setButtonDisabled(true);
+    } else {
+      setButtonDisabled(false);
+    }
+  }, [overrideUser, gidnumber, uidnumber]);
+
+  // Buttons that will be shown at the end of the form
+  const modalActions = [
+    <SecondaryButton
+      key="add-new-user"
+      isDisabled={buttonDisabled || addAgainSpinning || addSpinning}
+      onClickHandler={addHandler}
+      form="modal-form"
+      spinnerAriaValueText="Adding"
+      spinnerAriaLabel="Adding"
+      isLoading={addSpinning}
+    >
+      {addSpinning ? "Adding" : "Add"}
+    </SecondaryButton>,
+    <SecondaryButton
+      key="add-and-add-another-user"
+      isDisabled={buttonDisabled || addAgainSpinning || addSpinning}
+      onClickHandler={addAndAddAnotherHandler}
+      spinnerAriaValueText="Adding again"
+      spinnerAriaLabel="Adding again"
+      isLoading={addAgainSpinning}
+    >
+      {addAgainSpinning ? "Adding" : "Add and add another"}
+    </SecondaryButton>,
+    <Button key="cancel-new-user" variant="link" onClick={cleanAndCloseModal}>
+      Cancel
+    </Button>,
+  ];
+
+  const loadingUsers = [
+    {
+      id: "Loading",
+      name: "",
+      pfComponent: (
+        <TextContent className="pf-v5-u-m-xl">
+          <Text component="h3">
+            <i>Loading users</i>
+            <Spinner isInline size="xl" className="pf-v5-u-ml-md" />
+          </Text>
+        </TextContent>
+      ),
+    },
+  ];
+
+  // Render
+  return (
+    <>
+      <alerts.ManagedAlerts />
+      <ModalWithFormLayout
+        variantType="small"
+        modalPosition="top"
+        offPosition="76px"
+        title="Add new override user"
+        formId="override-user-add-modal"
+        fields={loading ? loadingUsers : fields}
+        show={props.show}
+        onClose={cleanAndCloseModal}
+        actions={modalActions}
+        isHorizontal
+      />
+      {isModalErrorOpen && (
+        <ErrorModal
+          title={errorTitle}
+          isOpen={isModalErrorOpen}
+          onClose={onCloseErrorModal}
+          actions={errorModalActions}
+          errorMessage={errorMessage}
+        />
+      )}
+    </>
+  );
+};
+
+export default AddIDOverrideUserModal;
diff --git a/src/components/modals/IdOverrideModals/DeleteIdOverrideUsers.tsx b/src/components/modals/IdOverrideModals/DeleteIdOverrideUsers.tsx
new file mode 100644
index 00000000..28dc09ac
--- /dev/null
+++ b/src/components/modals/IdOverrideModals/DeleteIdOverrideUsers.tsx
@@ -0,0 +1,225 @@
+import React, { useState } from "react";
+// PatternFly
+import {
+  TextContent,
+  Text,
+  TextVariants,
+  Button,
+} from "@patternfly/react-core";
+// Layouts
+import ModalWithFormLayout from "src/components/layouts/ModalWithFormLayout";
+// Tables
+import DeletedElementsTable from "src/components/tables/DeletedElementsTable";
+// Hooks
+import useAlerts from "src/hooks/useAlerts";
+import { FetchBaseQueryError } from "@reduxjs/toolkit/dist/query";
+import { SerializedError } from "@reduxjs/toolkit";
+// Data types
+import {
+  ErrorData,
+  IDViewOverrideUser,
+} from "src/utils/datatypes/globalDataTypes";
+// Modals
+import ErrorModal from "src/components/modals/ErrorModal";
+import { BatchRPCResponse } from "src/services/rpc";
+import { useRemoveIDOverrideUsersMutation } from "src/services/rpcIdOverrides";
+
+interface ButtonsData {
+  updateIsDeleteButtonDisabled: (value: boolean) => void;
+  updateIsDeletion: (value: boolean) => void;
+}
+
+interface SelectedData {
+  selectedUsers: IDViewOverrideUser[];
+  clearSelectedUsers: () => void;
+}
+
+export interface PropsToDelete {
+  show: boolean;
+  idview: string;
+  handleModalToggle: () => void;
+  selectedData: SelectedData;
+  buttonsData: ButtonsData;
+  onRefresh: () => void;
+}
+
+const DeleteIdOverrideUsersModal = (props: PropsToDelete) => {
+  // Alerts
+  const alerts = useAlerts();
+
+  // Define the column names that will be displayed on the confirmation table.
+  const deleteColumnNames = ["User", "Description"];
+  const [executeDelCommand] = useRemoveIDOverrideUsersMutation();
+  const [spinning, setBtnSpinning] = React.useState<boolean>(false);
+
+  const usersToDelete = props.selectedData.selectedUsers.map((users) => {
+    return users.ipaanchoruuid;
+  });
+
+  // List of fields
+  const fields = [
+    {
+      id: "question-text",
+      pfComponent: (
+        <TextContent>
+          <Text component={TextVariants.p}>
+            Are you sure you want to remove the selected users?
+          </Text>
+        </TextContent>
+      ),
+    },
+    {
+      id: "deleted-users-table",
+      pfComponent: (
+        <DeletedElementsTable
+          mode="passing_id"
+          elementsToDelete={usersToDelete}
+          columnNames={deleteColumnNames}
+          elementType="idoverrideuser"
+          idAttr="ipaanchoruuid"
+        />
+      ),
+    },
+  ];
+
+  // Close modal
+  const closeModal = () => {
+    props.handleModalToggle();
+  };
+
+  // Handle API error data
+  const [isModalErrorOpen, setIsModalErrorOpen] = useState(false);
+  const [errorTitle, setErrorTitle] = useState("");
+  const [errorMessage, setErrorMessage] = useState("");
+
+  const closeAndCleanErrorParameters = () => {
+    setIsModalErrorOpen(false);
+    setErrorTitle("");
+    setErrorMessage("");
+  };
+
+  const onCloseErrorModal = () => {
+    closeAndCleanErrorParameters();
+  };
+
+  const errorModalActions = [
+    <Button key="cancel" variant="link" onClick={onCloseErrorModal}>
+      OK
+    </Button>,
+  ];
+
+  const handleAPIError = (error: FetchBaseQueryError | SerializedError) => {
+    if ("code" in error) {
+      setErrorTitle("IPA error " + error.code + ": " + error.name);
+      if (error.message !== undefined) {
+        setErrorMessage(error.message);
+      }
+    } else if ("data" in error) {
+      const errorData = error.data as ErrorData;
+      const errorCode = errorData.code as string;
+      const errorName = errorData.name as string;
+      const errorMessage = errorData.error as string;
+
+      setErrorTitle("IPA error " + errorCode + ": " + errorName);
+      setErrorMessage(errorMessage);
+    }
+    setIsModalErrorOpen(true);
+  };
+
+  const deleteViews = () => {
+    setBtnSpinning(true);
+
+    // Delete elements
+    executeDelCommand({
+      idview: props.idview,
+      users: props.selectedData.selectedUsers,
+    }).then((response) => {
+      if ("data" in response) {
+        const data = response.data as BatchRPCResponse;
+        const result = data.result;
+
+        if (result) {
+          if ("error" in result.results[0] && result.results[0].error) {
+            const errorData = {
+              code: result.results[0].error_code,
+              name: result.results[0].error_name,
+              error: result.results[0].error,
+            } as ErrorData;
+
+            const error = {
+              status: "CUSTOM_ERROR",
+              data: errorData,
+            } as FetchBaseQueryError;
+
+            // Handle error
+            handleAPIError(error);
+          } else {
+            props.selectedData.clearSelectedUsers();
+            props.buttonsData.updateIsDeleteButtonDisabled(true);
+            props.buttonsData.updateIsDeletion(true);
+
+            alerts.addAlert(
+              "remove-id-override-users-success",
+              "Override users removed",
+              "success"
+            );
+
+            setBtnSpinning(false);
+            closeModal();
+            // Refresh data
+            props.onRefresh();
+          }
+        }
+      }
+    });
+  };
+
+  // Set the Modal and Action buttons for 'Delete' option
+  const modalActionsDelete: JSX.Element[] = [
+    <Button
+      key="delete-id-override"
+      variant="danger"
+      onClick={deleteViews}
+      form="delete-id-voverride-modal"
+      spinnerAriaValueText="Deleting"
+      spinnerAriaLabel="Deleting"
+      isLoading={spinning}
+      isDisabled={spinning}
+    >
+      {spinning ? "Deleting" : "Delete"}
+    </Button>,
+    <Button key="cancel-delete-id-override" variant="link" onClick={closeModal}>
+      Cancel
+    </Button>,
+  ];
+
+  const modalDelete: JSX.Element = (
+    <>
+      <alerts.ManagedAlerts />
+      <ModalWithFormLayout
+        variantType="medium"
+        modalPosition="top"
+        offPosition="76px"
+        title="Remove override users"
+        formId="remove-id-override-modal"
+        fields={fields}
+        show={props.show}
+        onClose={closeModal}
+        actions={modalActionsDelete}
+      />
+      {isModalErrorOpen && (
+        <ErrorModal
+          title={errorTitle}
+          isOpen={isModalErrorOpen}
+          onClose={onCloseErrorModal}
+          actions={errorModalActions}
+          errorMessage={errorMessage}
+        />
+      )}
+    </>
+  );
+
+  return modalDelete;
+};
+
+export default DeleteIdOverrideUsersModal;
diff --git a/src/navigation/AppRoutes.tsx b/src/navigation/AppRoutes.tsx
index a5255c28..2d259bcd 100644
--- a/src/navigation/AppRoutes.tsx
+++ b/src/navigation/AppRoutes.tsx
@@ -283,6 +283,14 @@ export const AppRoutes = ({ isInitialDataLoaded }): React.ReactElement => {
                 <Route path="" element={<IDViews />} />
                 <Route path=":cn">
                   <Route path="" element={<IDViewsTabs section="settings" />} />
+                  <Route
+                    path="override-users"
+                    element={<IDViewsTabs section="override-users" />}
+                  />
+                  <Route
+                    path="override-groups"
+                    element={<IDViewsTabs section="override-groups" />}
+                  />
                 </Route>
               </Route>
               <Route path="user-group-rules">
diff --git a/src/pages/IDViews/IDViewsOverrideUsers.tsx b/src/pages/IDViews/IDViewsOverrideUsers.tsx
new file mode 100644
index 00000000..6c7ee6a9
--- /dev/null
+++ b/src/pages/IDViews/IDViewsOverrideUsers.tsx
@@ -0,0 +1,457 @@
+import React, { useEffect, useState } from "react";
+// PatternFly
+import {
+  PageSection,
+  PageSectionVariants,
+  PaginationVariant,
+} from "@patternfly/react-core";
+import {
+  InnerScrollContainer,
+  OuterScrollContainer,
+} from "@patternfly/react-table";
+// Hooks
+import useApiError from "src/hooks/useApiError";
+import useListPageSearchParams from "src/hooks/useListPageSearchParams";
+import { useAlerts } from "src/hooks/useAlerts";
+// Layouts
+import { ToolbarItem } from "src/components/layouts/ToolbarLayout";
+import SecondaryButton from "src/components/layouts/SecondaryButton";
+import ToolbarLayout from "src/components/layouts/ToolbarLayout";
+import SearchInputLayout from "src/components/layouts/SearchInputLayout";
+import PaginationLayout from "src/components/layouts/PaginationLayout";
+// Errors
+import GlobalErrors from "src/components/errors/GlobalErrors";
+import { FetchBaseQueryError } from "@reduxjs/toolkit/dist/query";
+import { SerializedError } from "@reduxjs/toolkit";
+// Utils
+import { isUserOverrideSelectable } from "src/utils/utils";
+import IDViewsOverrideUsersTable from "src/pages/IDViews/IDViewsOverrideUsersTable";
+// Modals
+import AddIdOverrideUserModal from "src/components/modals/IdOverrideModals/AddIdOverrideUser";
+import DeleteIdOverrideUsersModal from "src/components/modals/IdOverrideModals/DeleteIdOverrideUsers";
+// Data types
+import { IDViewOverrideUser } from "src/utils/datatypes/globalDataTypes";
+// RPC
+import {
+  IDOverridePayload,
+  useGettingIDOverrideUsersQuery,
+  useSearchOverrideEntriesMutation,
+} from "src/services/rpcIdOverrides";
+
+interface PropsToOverrides {
+  idview: string;
+  users: string[];
+  onRefresh: () => void;
+}
+
+const IDViewsOverrideUsers = (props: PropsToOverrides) => {
+  const alerts = useAlerts();
+  const globalErrors = useApiError([]);
+
+  const { page, setPage, perPage, setPerPage, searchValue, setSearchValue } =
+    useListPageSearchParams();
+  const [totalCount, setTotalCount] = useState<number>(0);
+  const [usersList, setUsersList] = useState<IDViewOverrideUser[]>([]);
+  const [selectedUsers, setSelectedUsersList] = useState<IDViewOverrideUser[]>(
+    []
+  );
+  const [searchDisabled, setSearchIsDisabled] = useState<boolean>(false);
+
+  const clearSelectedUsers = () => {
+    const emptyList: IDViewOverrideUser[] = [];
+    setSelectedUsersList(emptyList);
+  };
+
+  const selectedData = {
+    selectedUsers,
+    clearSelectedUsers,
+  };
+
+  // Page indexes
+  const firstIdx = (page - 1) * perPage;
+  const lastIdx = page * perPage;
+
+  // 'Delete' button state
+  const [isDeleteButtonDisabled, setIsDeleteButtonDisabled] =
+    useState<boolean>(true);
+
+  const updateIsDeleteButtonDisabled = (value: boolean) => {
+    setIsDeleteButtonDisabled(value);
+  };
+
+  // If some entries have been deleted, restore the selected list
+  const [isDeletion, setIsDeletion] = useState(false);
+
+  const updateIsDeletion = (value: boolean) => {
+    setIsDeletion(value);
+  };
+
+  // Elements selected (per page)
+  //  - This will help to calculate the remaining elements on a specific page (bulk selector)
+  const [selectedPerPage, setSelectedPerPage] = useState<number>(0);
+
+  const updateSelectedPerPage = (selected: number) => {
+    setSelectedPerPage(selected);
+  };
+  const selectedPerPageData = {
+    selectedPerPage,
+    updateSelectedPerPage,
+  };
+
+  const selectableTable = usersList.filter(isUserOverrideSelectable);
+  const setUserSelected = (user: IDViewOverrideUser, isSelecting = true) => {
+    if (isUserOverrideSelectable(user)) {
+      updateSelectedUsers([user], isSelecting);
+    }
+  };
+  const usersTableData = {
+    isSelectable: isUserOverrideSelectable,
+    selected: selectedUsers,
+    selectableTable,
+    setSelected: setUserSelected,
+    clearSelected: clearSelectedUsers,
+  };
+
+  const viewsTableButtonsData = {
+    updateIsDeleteButtonDisabled,
+    isDeletion,
+    updateIsDeletion,
+  };
+
+  // Pagination
+  const updatePage = (newPage: number) => {
+    setPage(newPage);
+  };
+
+  const updatePerPage = (newSetPerPage: number) => {
+    setPerPage(newSetPerPage);
+  };
+
+  const updateShownUsersList = (newShownUsersList: IDViewOverrideUser[]) => {
+    setUsersList(newShownUsersList);
+  };
+
+  // Update search input valie
+  const updateSearchValue = (value: string) => {
+    setSearchValue(value);
+  };
+
+  const [retrieveEntries] = useSearchOverrideEntriesMutation({});
+
+  const submitSearchValue = () => {
+    setShowTableRows(false);
+    setTotalCount(0);
+    setSearchIsDisabled(true);
+    retrieveEntries({
+      idView: props.idview,
+      searchValue: searchValue,
+      sizeLimit: 0,
+      startIdx: firstIdx,
+      stopIdx: lastIdx,
+      entryType: "idoverrideuser",
+    } as IDOverridePayload).then((result) => {
+      // Manage new response here
+      if ("data" in result) {
+        const searchError = result.data.error as
+          | FetchBaseQueryError
+          | SerializedError;
+
+        if (searchError) {
+          // Error
+          let error: string | undefined = "";
+          if ("error" in searchError) {
+            error = searchError.error;
+          } else if ("message" in searchError) {
+            error = searchError.message;
+          }
+          alerts.addAlert(
+            "submit-search-value-error",
+            error || "Error when searching for override users",
+            "danger"
+          );
+        } else {
+          // Success
+          const usersListResult = result.data.result.results;
+          const usersListSize = result.data.result.count;
+          const totalCount = result.data.result.totalCount;
+          const userList: IDViewOverrideUser[] = [];
+
+          for (let i = 0; i < usersListSize; i++) {
+            userList.push(usersListResult[i].result);
+          }
+          setUsersList(userList);
+          setTotalCount(totalCount);
+          // Show table elements
+          setShowTableRows(true);
+        }
+        setSearchIsDisabled(false);
+      }
+    });
+  };
+
+  // SearchInputLayout
+  const searchValueData = {
+    searchValue,
+    updateSearchValue,
+    submitSearchValue,
+  };
+
+  const dataResponse = useGettingIDOverrideUsersQuery(props.idview);
+
+  const {
+    data: batchResponse,
+    isLoading: isBatchLoading,
+    error: batchError,
+  } = dataResponse;
+
+  // Handle data when the API call is finished
+  useEffect(() => {
+    if (dataResponse.isFetching) {
+      setShowTableRows(false);
+      // Reset selected on refresh
+      setTotalCount(0);
+      globalErrors.clear();
+      return;
+    }
+
+    // API response: Success
+    if (
+      dataResponse.isSuccess &&
+      dataResponse.data &&
+      batchResponse !== undefined
+    ) {
+      setUsersList(batchResponse);
+      setTotalCount(batchResponse.length);
+      setShowTableRows(true);
+    }
+    // API response: Error
+    if (
+      !dataResponse.isLoading &&
+      dataResponse.isError &&
+      dataResponse.error !== undefined
+    ) {
+      alerts.addAlert(
+        "add-user-error",
+        "Failed to add override user: " + dataResponse.error,
+        "danger"
+      );
+    }
+  }, [dataResponse]);
+
+  const onRefresh = () => {
+    dataResponse.refetch();
+  };
+
+  // Show table rows
+  const [showTableRows, setShowTableRows] = useState(!isBatchLoading);
+
+  const updateSelectedUsers = (
+    users: IDViewOverrideUser[],
+    isSelected: boolean
+  ) => {
+    let newSelected: IDViewOverrideUser[] = [];
+    if (isSelected) {
+      newSelected = JSON.parse(JSON.stringify(selectedUsers));
+      for (let i = 0; i < users.length; i++) {
+        if (
+          selectedUsers.find(
+            (selectedUser) =>
+              selectedUser.ipaanchoruuid === users[i].ipaanchoruuid[0]
+          )
+        ) {
+          // Already in the list
+          continue;
+        }
+        // Add view to list
+        newSelected.push(users[i]);
+      }
+    } else {
+      // Remove view
+      for (let i = 0; i < selectedUsers.length; i++) {
+        let found = false;
+        for (let ii = 0; ii < users.length; ii++) {
+          if (
+            selectedUsers[i].ipaanchoruuid[0] === users[ii].ipaanchoruuid[0]
+          ) {
+            found = true;
+            break;
+          }
+        }
+        if (!found) {
+          // Keep this valid selected entry
+          newSelected.push(selectedUsers[i]);
+        }
+      }
+    }
+    setSelectedUsersList(newSelected);
+    setIsDeleteButtonDisabled(newSelected.length === 0);
+  };
+
+  // Always refetch data when the component is loaded.
+  // This ensures the data is always up-to-date.
+  useEffect(() => {
+    dataResponse.refetch();
+  }, [page, perPage]);
+
+  // Show table rows only when data is fully retrieved
+  useEffect(() => {
+    if (showTableRows !== !isBatchLoading) {
+      setShowTableRows(!isBatchLoading);
+    }
+  }, [isBatchLoading]);
+
+  // Modals functionality
+  const [showAddModal, setShowAddModal] = useState(false);
+  const [showDeleteModal, setShowDeleteModal] = useState(false);
+  const onAddClickHandler = () => {
+    setShowAddModal(true);
+  };
+  const onCloseAddModal = () => {
+    setShowAddModal(false);
+  };
+  const onAddModalToggle = () => {
+    setShowAddModal(!showAddModal);
+  };
+  const onDeleteHandler = () => {
+    setShowDeleteModal(true);
+  };
+  const onDeleteModalToggle = () => {
+    setShowDeleteModal(!showDeleteModal);
+  };
+
+  // - 'PaginationLayout'
+  const paginationData = {
+    page,
+    perPage,
+    updatePage,
+    updatePerPage,
+    updateSelectedPerPage,
+    updateShownElementsList: updateShownUsersList,
+    totalCount,
+  };
+
+  // - 'Delete modal'
+  const deleteUsersButtonsData = {
+    updateIsDeleteButtonDisabled,
+    updateIsDeletion,
+  };
+
+  // List of Toolbar items
+  const toolbarItems: ToolbarItem[] = [
+    {
+      key: 1,
+      element: (
+        <SearchInputLayout
+          name="search"
+          ariaLabel="Search users"
+          placeholder="Search"
+          searchValueData={searchValueData}
+          isDisabled={searchDisabled}
+        />
+      ),
+      toolbarItemVariant: "search-filter",
+      toolbarItemSpacer: { default: "spacerMd" },
+    },
+    {
+      key: 2,
+      toolbarItemVariant: "separator",
+    },
+    {
+      key: 3,
+      element: (
+        <SecondaryButton onClickHandler={props.onRefresh}>
+          Refresh
+        </SecondaryButton>
+      ),
+    },
+    {
+      key: 4,
+      element: (
+        <SecondaryButton
+          isDisabled={isDeleteButtonDisabled || !showTableRows}
+          onClickHandler={onDeleteHandler}
+        >
+          Delete
+        </SecondaryButton>
+      ),
+    },
+    {
+      key: 5,
+      element: (
+        <SecondaryButton
+          onClickHandler={onAddClickHandler}
+          isDisabled={!showTableRows}
+        >
+          Add
+        </SecondaryButton>
+      ),
+    },
+    {
+      key: 8,
+      element: (
+        <PaginationLayout
+          list={props.users}
+          paginationData={paginationData}
+          widgetId="pagination-options-menu-top"
+          isCompact={true}
+        />
+      ),
+      toolbarItemAlignment: { default: "alignRight" },
+    },
+  ];
+
+  // Render component
+  return (
+    <PageSection variant={PageSectionVariants.light} isFilled={false}>
+      <ToolbarLayout
+        className="pf-v5-u-pt-0 pf-v5-u-pr-md"
+        contentClassName="pf-v5-u-p-0"
+        toolbarItems={toolbarItems}
+      />
+      <div style={{ height: `calc(100vh - 352.2px)` }}>
+        <OuterScrollContainer>
+          <InnerScrollContainer>
+            {batchError !== undefined && batchError ? (
+              <GlobalErrors errors={globalErrors.getAll()} />
+            ) : (
+              <IDViewsOverrideUsersTable
+                elementsList={usersList}
+                shownElementsList={usersList}
+                showTableRows={showTableRows}
+                overrideEntryData={usersTableData}
+                buttonsData={viewsTableButtonsData}
+                paginationData={selectedPerPageData}
+              />
+            )}
+          </InnerScrollContainer>
+        </OuterScrollContainer>
+      </div>
+      <PaginationLayout
+        list={usersList}
+        paginationData={paginationData}
+        variant={PaginationVariant.bottom}
+        widgetId="pagination-options-menu-bottom"
+        className="pf-v5-u-pb-0 pf-v5-u-pr-md"
+      />
+      <AddIdOverrideUserModal
+        show={showAddModal}
+        idview={props.idview}
+        users={usersList}
+        handleModalToggle={onAddModalToggle}
+        onOpenAddModal={onAddClickHandler}
+        onCloseAddModal={onCloseAddModal}
+        onRefresh={onRefresh}
+      />
+      <DeleteIdOverrideUsersModal
+        show={showDeleteModal}
+        idview={props.idview}
+        handleModalToggle={onDeleteModalToggle}
+        selectedData={selectedData}
+        buttonsData={deleteUsersButtonsData}
+        onRefresh={onRefresh}
+      />
+    </PageSection>
+  );
+};
+
+export default IDViewsOverrideUsers;
diff --git a/src/pages/IDViews/IDViewsOverrideUsersTable.tsx b/src/pages/IDViews/IDViewsOverrideUsersTable.tsx
new file mode 100644
index 00000000..3d74b831
--- /dev/null
+++ b/src/pages/IDViews/IDViewsOverrideUsersTable.tsx
@@ -0,0 +1,205 @@
+import React, { useEffect, useState } from "react";
+// PatternFly
+import { Td, Th, Tr } from "@patternfly/react-table";
+// Tables
+import TableLayout from "../../components/layouts/TableLayout";
+// Data types
+import { IDViewOverrideUser } from "src/utils/datatypes/globalDataTypes";
+// Layouts
+import SkeletonOnTableLayout from "../../components/layouts/Skeleton/SkeletonOnTableLayout";
+
+interface IDViewsOverrideData {
+  isSelectable: (view: IDViewOverrideUser) => boolean;
+  selected: IDViewOverrideUser[];
+  selectableTable: IDViewOverrideUser[];
+  setSelected: (view: IDViewOverrideUser, isSelecting?: boolean) => void;
+  clearSelected: () => void;
+}
+
+interface ButtonsData {
+  updateIsDeleteButtonDisabled: (value: boolean) => void;
+  isDeletion: boolean;
+  updateIsDeletion: (value: boolean) => void;
+}
+
+interface PaginationData {
+  selectedPerPage: number;
+  updateSelectedPerPage: (selected: number) => void;
+}
+
+export interface PropsToTable {
+  elementsList: IDViewOverrideUser[];
+  shownElementsList: IDViewOverrideUser[];
+  showTableRows: boolean;
+  overrideEntryData: IDViewsOverrideData;
+  buttonsData: ButtonsData;
+  paginationData: PaginationData;
+}
+
+const IDViewsOverrideUsersTable = (props: PropsToTable) => {
+  // Retrieve views data from props
+  const shownUsersList = [...props.shownElementsList];
+
+  // Column names
+  const userColumnNames = {
+    ipaanchoruuid: "User to override",
+    uid: "User login",
+    uidnumber: "UID",
+    homedirectory: "Home directory",
+    description: "Description",
+  };
+
+  const isOverrideSelected = (view: IDViewOverrideUser) => {
+    if (
+      props.overrideEntryData.selected.find(
+        (selectedView) =>
+          selectedView.ipaanchoruuid[0] === view.ipaanchoruuid[0]
+      )
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  // To allow shift+click to select/deselect multiple rows
+  const [recentSelectedRowIndex, setRecentSelectedRowIndex] = useState<
+    number | null
+  >(null);
+  const [shifting, setShifting] = useState(false);
+
+  // On selecting one single row
+  const onSelect = (
+    user: IDViewOverrideUser,
+    rowIndex: number,
+    isSelecting: boolean
+  ) => {
+    // If the host is shift + selecting the checkboxes, then all intermediate checkboxes should be selected
+    if (shifting && recentSelectedRowIndex !== null) {
+      const numberSelected = rowIndex - recentSelectedRowIndex;
+      const intermediateIndexes =
+        numberSelected > 0
+          ? Array.from(
+              new Array(numberSelected + 1),
+              (_x, i) => i + recentSelectedRowIndex
+            )
+          : Array.from(
+              new Array(Math.abs(numberSelected) + 1),
+              (_x, i) => i + rowIndex
+            );
+      intermediateIndexes.forEach((index) =>
+        props.overrideEntryData.setSelected(shownUsersList[index], isSelecting)
+      );
+    } else {
+      props.overrideEntryData.setSelected(user, isSelecting);
+    }
+    setRecentSelectedRowIndex(rowIndex);
+
+    // Resetting 'isDisableEnableOp'
+    props.buttonsData.updateIsDeleteButtonDisabled(false);
+
+    // Update hostIdsSelected array
+    if (isSelecting) {
+      // Increment the elements selected per page (++)
+      props.paginationData.updateSelectedPerPage(
+        props.paginationData.selectedPerPage + 1
+      );
+    } else {
+      // Decrement the elements selected per page (--)
+      props.paginationData.updateSelectedPerPage(
+        props.paginationData.selectedPerPage - 1
+      );
+    }
+  };
+
+  // Reset 'selectedViewIds' array if a delete operation has been done
+  useEffect(() => {
+    if (props.buttonsData.isDeletion) {
+      props.overrideEntryData.clearSelected();
+      props.buttonsData.updateIsDeletion(false);
+    }
+  }, [props.buttonsData.isDeletion]);
+
+  // Enable 'Delete' button (if any host selected)
+  useEffect(() => {
+    if (props.overrideEntryData.selected.length > 0) {
+      props.buttonsData.updateIsDeleteButtonDisabled(false);
+    }
+
+    if (props.overrideEntryData.selected.length === 0) {
+      props.buttonsData.updateIsDeleteButtonDisabled(true);
+    }
+  }, [props.overrideEntryData.selected]);
+
+  // Keyboard event
+  useEffect(() => {
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (e.key === "Shift") {
+        setShifting(true);
+      }
+    };
+    const onKeyUp = (e: KeyboardEvent) => {
+      if (e.key === "Shift") {
+        setShifting(false);
+      }
+    };
+
+    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("keyup", onKeyUp);
+
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("keyup", onKeyUp);
+    };
+  }, []);
+
+  // Defining table header and body from here to avoid passing specific names to the Table Layout
+  const header = (
+    <Tr>
+      <Th modifier="wrap"></Th>
+      <Th modifier="wrap">{userColumnNames.ipaanchoruuid}</Th>
+      <Th modifier="wrap">{userColumnNames.uid}</Th>
+      <Th modifier="wrap">{userColumnNames.uidnumber}</Th>
+      <Th modifier="wrap">{userColumnNames.homedirectory}</Th>
+      <Th modifier="wrap">{userColumnNames.description}</Th>
+    </Tr>
+  );
+
+  const body = shownUsersList.map((user, rowIndex) => (
+    <Tr key={user.ipaanchoruuid} id={user.ipaanchoruuid}>
+      <Td
+        dataLabel="checkbox"
+        select={{
+          rowIndex,
+          onSelect: (_event, isSelecting) =>
+            onSelect(user, rowIndex, isSelecting),
+          isSelected: isOverrideSelected(user),
+          isDisabled: !props.overrideEntryData.isSelectable(user),
+        }}
+      />
+      <Td dataLabel={userColumnNames.ipaanchoruuid}>{user.ipaanchoruuid}</Td>
+      <Td dataLabel={userColumnNames.uid}>{user.uid}</Td>
+      <Td dataLabel={userColumnNames.uidnumber}>{user.uidnumber}</Td>
+      <Td dataLabel={userColumnNames.homedirectory}>{user.homedirectory}</Td>
+      <Td dataLabel={userColumnNames.description}>{user.description}</Td>
+    </Tr>
+  ));
+
+  const skeleton = (
+    <SkeletonOnTableLayout rows={4} colSpan={9} screenreaderText={"No users"} />
+  );
+
+  return (
+    <TableLayout
+      ariaLabel={"ID views override user table"}
+      variant={"compact"}
+      hasBorders={true}
+      tableId={"id-views-override-user-table"}
+      isStickyHeader={true}
+      tableHeader={header}
+      tableBody={!props.showTableRows ? skeleton : body}
+    />
+  );
+};
+
+export default IDViewsOverrideUsersTable;
diff --git a/src/pages/IDViews/IDViewsOverrides.tsx b/src/pages/IDViews/IDViewsOverrides.tsx
new file mode 100644
index 00000000..6e0b7763
--- /dev/null
+++ b/src/pages/IDViews/IDViewsOverrides.tsx
@@ -0,0 +1,87 @@
+import React, { useState } from "react";
+// PatternFly
+import { Badge, Tab, Tabs, TabTitleText } from "@patternfly/react-core";
+// Data types
+import { IDView } from "src/utils/datatypes/globalDataTypes";
+// Navigation
+import { useNavigate } from "react-router-dom";
+// Layouts
+import TabLayout from "src/components/layouts/TabLayout";
+// Hooks
+import useUpdateRoute from "src/hooks/useUpdateRoute";
+import IDViewsOverrideUsers from "./IDViewsOverrideUsers";
+// import IDViewsOverrideGroups from "./IDViewsOverrideGroups";
+
+interface PropsToOverrides {
+  idView: IDView;
+  onRefresh: () => void;
+  tabSection: string;
+}
+
+const IDViewsOverrides = (props: PropsToOverrides) => {
+  const navigate = useNavigate();
+
+  // Update current route data to Redux and highlight the current page in the Nav bar
+  useUpdateRoute({ pathname: "id-views", noBreadcrumb: true });
+
+  // Tab
+  const [activeTabKey, setActiveTabKey] = useState("override-users");
+
+  React.useEffect(() => {
+    setActiveTabKey(props.tabSection);
+  }, [props.tabSection]);
+
+  const handleTabClick = (
+    _event: React.MouseEvent<HTMLElement, MouseEvent>,
+    tabIndex: number | string
+  ) => {
+    setActiveTabKey(tabIndex as string);
+    navigate("/id-views/" + props.idView.cn + "/" + tabIndex);
+  };
+
+  // Render component
+  return (
+    <TabLayout id="override sections">
+      <Tabs
+        activeKey={activeTabKey}
+        onSelect={handleTabClick}
+        isBox={false}
+        mountOnEnter
+        unmountOnExit
+      >
+        <Tab
+          eventKey={"override-users"}
+          name="users"
+          title={
+            <TabTitleText>
+              Users{" "}
+              <Badge key={0} isRead>
+                {props.idView.useroverrides.length}
+              </Badge>
+            </TabTitleText>
+          }
+        >
+          <IDViewsOverrideUsers
+            idview={props.idView.cn}
+            users={props.idView.useroverrides}
+            onRefresh={props.onRefresh}
+          />
+        </Tab>
+        <Tab
+          eventKey={"override-groups"}
+          name="groups"
+          title={
+            <TabTitleText>
+              User groups{" "}
+              <Badge key={1} isRead>
+                {props.idView.groupoverrides.length}
+              </Badge>
+            </TabTitleText>
+          }
+        ></Tab>
+      </Tabs>
+    </TabLayout>
+  );
+};
+
+export default IDViewsOverrides;
diff --git a/src/pages/IDViews/IDViewsTabs.tsx b/src/pages/IDViews/IDViewsTabs.tsx
index 9059c7a2..8fc604aa 100644
--- a/src/pages/IDViews/IDViewsTabs.tsx
+++ b/src/pages/IDViews/IDViewsTabs.tsx
@@ -23,6 +23,7 @@ import { useAppDispatch } from "src/store/hooks";
 import { updateBreadCrumbPath } from "src/store/Global/routes-slice";
 import { NotFound } from "src/components/errors/PageErrors";
 import IDViewsSettings from "./IDViewsSettings";
+import IDViewsOverrides from "./IDViewsOverrides";
 
 // eslint-disable-next-line react/prop-types
 const IDViewsTabs = ({ section }) => {
@@ -42,12 +43,13 @@ const IDViewsTabs = ({ section }) => {
     _event: React.MouseEvent<HTMLElement, MouseEvent>,
     tabIndex: number | string
   ) => {
-    setActiveTabKey(tabIndex as string);
-    if (tabIndex === "settings") {
+    const tabName = tabIndex as string;
+    setActiveTabKey(tabName);
+    if (tabName === "settings") {
       navigate("/id-views/" + cn);
-    } else if (tabIndex === "overrides") {
-      // navigate("/id-views/" + cn + "/overrides_idview");
-    } else if (tabIndex === "appliesto") {
+    } else if (tabName.startsWith("override")) {
+      navigate("/id-views/" + cn + "/override-users");
+    } else if (tabName === "appliesto") {
       // navigate("/id-views/" + cn + "/appliesto_idview");
     }
   };
@@ -80,7 +82,12 @@ const IDViewsTabs = ({ section }) => {
     if (!section) {
       navigate(URL_PREFIX + "/id-views/" + cn);
     }
-    setActiveTabKey(section);
+    const section_str = section as string;
+    if (section_str.startsWith("override")) {
+      setActiveTabKey("overrides");
+    } else {
+      setActiveTabKey(section);
+    }
   }, [section]);
 
   if (
@@ -145,7 +152,13 @@ const IDViewsTabs = ({ section }) => {
             eventKey={"overrides"}
             name="overrides-details"
             title={<TabTitleText>Overrides</TabTitleText>}
-          ></Tab>
+          >
+            <IDViewsOverrides
+              idView={view}
+              onRefresh={idViewSettingsData.refetch}
+              tabSection={section}
+            />
+          </Tab>
           <Tab
             eventKey={"appliesto"}
             name="appliesto-details"
diff --git a/src/services/rpc.ts b/src/services/rpc.ts
index 2c390269..e9a83e6c 100644
--- a/src/services/rpc.ts
+++ b/src/services/rpc.ts
@@ -146,7 +146,9 @@ export interface GenericPayload {
     | "sudorule"
     | "sudocmd"
     | "sudocmdgroup"
-    | "idview";
+    | "idview"
+    | "idoverrideuser"
+    | "idoverridegroup";
 }
 
 export interface GetEntriesPayload {
@@ -239,6 +241,8 @@ export const api = createApi({
     "FullSudoCmdGroup",
     "FullSudoCmd",
     "FullConfig",
+    "FullOverrideUser",
+    "FullOverrideGroup",
   ],
   endpoints: (build) => ({
     simpleCommand: build.query<FindRPCResponse, Command | void>({
diff --git a/src/services/rpcIDViews.ts b/src/services/rpcIDViews.ts
index 77b68440..e769ed4c 100644
--- a/src/services/rpcIDViews.ts
+++ b/src/services/rpcIDViews.ts
@@ -19,10 +19,10 @@ import { IDView } from "src/utils/datatypes/globalDataTypes";
  * unapplyHosts, unapplyHostgroups
  *
  * API commands:
- * - idview_add: https://freeipa.readthedocs.io/en/latest/api/hostgroup_add.html
- * - idview_del: https://freeipa.readthedocs.io/en/latest/api/hostgroup_del.html
- * - idview_show: https://freeipa.readthedocs.io/en/latest/api/hostgroup_show.html
- * - idview_mod: https://freeipa.readthedocs.io/en/latest/api/hostgroup_mod.html
+ * - idview_add: https://freeipa.readthedocs.io/en/latest/api/idview_add.html
+ * - idview_del: https://freeipa.readthedocs.io/en/latest/api/idview_del.html
+ * - idview_show: https://freeipa.readthedocs.io/en/latest/api/idview_show.html
+ * - idview_mod: https://freeipa.readthedocs.io/en/latest/api/idview_mod.html
  * - idview_unapply: https://freeipa.readthedocs.io/en/latest/api/idview_unapply.html
  */
 
diff --git a/src/services/rpcIdOverrides.ts b/src/services/rpcIdOverrides.ts
new file mode 100644
index 00000000..a04b1bb3
--- /dev/null
+++ b/src/services/rpcIdOverrides.ts
@@ -0,0 +1,490 @@
+import {
+  api,
+  Command,
+  getCommand,
+  getBatchCommand,
+  BatchResponse,
+  BatchRPCResponse,
+  FindRPCResponse,
+} from "./rpc";
+import {
+  apiToOverrideUser,
+  apiToOverrideGroup,
+} from "src/utils/idOverrideUtils";
+import { API_VERSION_BACKUP } from "../utils/utils";
+// Data types
+import {
+  IDViewOverrideUser,
+  IDViewOverrideGroup,
+} from "src/utils/datatypes/globalDataTypes";
+import { FetchBaseQueryError } from "@reduxjs/toolkit/query/react";
+
+/**
+ * ID override-related endpoints:
+ * getIDViewsFullData, getIDViewInfoByName, addIDView, removeIDViews, saveIDVIew,
+ * unapplyHosts, unapplyHostgroups
+ *
+ * API commands:
+ * - idoverrideuser_add: https://freeipa.readthedocs.io/en/latest/api/idoverrideuser_add.html
+ * - idoverrideuser_del: https://freeipa.readthedocs.io/en/latest/api/idoverrideuser_del.html
+ * - idoverrideuser_find: https://freeipa.readthedocs.io/en/latest/api/idoverrideuser_find.html
+ * - idoverrideuser_show: https://freeipa.readthedocs.io/en/latest/api/idoverrideuser_show.html
+ * - idoverrideuser_mod: https://freeipa.readthedocs.io/en/latest/api/idoverrideuser_mod.html
+ * - idoverridegroup_add: https://freeipa.readthedocs.io/en/latest/api/idoverridegroup_add.html
+ * - idoverridegroup_del: https://freeipa.readthedocs.io/en/latest/api/idoverridegroup_del.html
+ * - idoverridegroup_find: https://freeipa.readthedocs.io/en/latest/api/idoverridegroup_find.html
+ * - idoverridegroup_show: https://freeipa.readthedocs.io/en/latest/api/idoverridegroup_show.html
+ * - idoverridegroup_mod: https://freeipa.readthedocs.io/en/latest/api/idoverridegroup_mod.html
+ */
+
+export interface ShowPayload {
+  list: string[];
+  version: string;
+}
+
+export interface AddUserPayload {
+  idview: string;
+  name: string;
+  uid?: string;
+  gecos?: string;
+  uidnumber?: string;
+  gidnumber?: string;
+  loginshell?: string;
+  homedirectory?: string;
+  usercertificate?: string;
+  ipasshpubkey?: string;
+  description?: string;
+  version?: string;
+}
+
+export interface AddGroupPayload {
+  idview: string;
+  name: string;
+  groupName?: string;
+  gidnumber?: string;
+  description?: string;
+  version?: string;
+}
+
+export type OverrideFullData = {
+  user?: Partial<IDViewOverrideUser>;
+  group?: Partial<IDViewOverrideGroup>;
+};
+
+export type ModPayload = {
+  idview: string;
+  user?: Partial<IDViewOverrideUser>;
+  group?: Partial<IDViewOverrideGroup>;
+};
+
+export type DelUserPayload = {
+  idview: string;
+  users: IDViewOverrideUser[];
+};
+
+export type DelGroupPayload = {
+  idview: string;
+  groups: IDViewOverrideGroup[];
+};
+
+export interface IDOverridePayload {
+  entryType: "idoverrideuser" | "idoverridegroup";
+  idView: string;
+  searchValue: string;
+  sizeLimit: number;
+  startIdx: number;
+  stopIdx: number;
+}
+
+interface OverrideType {
+  dn: string;
+  ipaanchoruuid: string;
+}
+
+const extendedApi = api.injectEndpoints({
+  endpoints: (build) => ({
+    getIDOverrideUserFullData: build.query<OverrideFullData, string>({
+      query: (name) => {
+        const showCommand: Command = {
+          method: "idoverrideuser_show",
+          params: [[name], { all: true, rights: true }],
+        };
+        const batchPayload: Command[] = [showCommand];
+
+        return getBatchCommand(batchPayload, API_VERSION_BACKUP);
+      },
+      transformResponse: (response: BatchResponse): OverrideFullData => {
+        const [overrideResponse] = response.result.results;
+
+        // Initialize data (to prevent 'undefined' values)
+        const overrideData = overrideResponse.result;
+        let overrideObject = {};
+        if (!overrideResponse.error) {
+          overrideObject = apiToOverrideUser(overrideData);
+        }
+
+        return {
+          user: overrideObject,
+        };
+      },
+      providesTags: ["FullOverrideUser"],
+    }),
+    getIDOverrideGroupFullData: build.query<OverrideFullData, string[]>({
+      query: (name) => {
+        const showCommand: Command = {
+          method: "idoverridegroup_show",
+          params: [[name], { all: true, rights: true }],
+        };
+        const batchPayload: Command[] = [showCommand];
+
+        return getBatchCommand(batchPayload, API_VERSION_BACKUP);
+      },
+      transformResponse: (response: BatchResponse): OverrideFullData => {
+        const [overrideResponse] = response.result.results;
+
+        // Initialize data (to prevent 'undefined' values)
+        const overrideData = overrideResponse.result;
+        let overrideObject = {};
+        if (!overrideResponse.error) {
+          overrideObject = apiToOverrideGroup(overrideData);
+        }
+
+        return {
+          group: overrideObject,
+        };
+      },
+      providesTags: ["FullOverrideGroup"],
+    }),
+    /**
+     * Add an ID override user
+     * @param {object} AddUserPayload - ID overrdie payload parameters
+     * @param AddUserPayload.idview - The name of the ID view
+     * @param AddUserPayload.name - The name of the user override
+     * @param AddUserPayload.uid
+     * @param AddUserPayload.gecos
+     * @param AddUserPayload.uidnumber
+     * @param AddUserPayload.gidnumber
+     * @param AddUserPayload.loginshell
+     * @param AddUserPayload.homedirectory
+     * @param AddUserPayload.usercertificate
+     * @param AddUserPayload.ipasshpubkey
+     * @param AddUserPayload.version
+     * @param AddUserPayload.description
+     * @param AddUserPayload.version - The api version
+     */
+    addIDOverrideUser: build.mutation<FindRPCResponse, AddUserPayload>({
+      query: (payloadData) => {
+        const params = [
+          [payloadData["idview"], payloadData["name"]],
+          {
+            version: payloadData.version || API_VERSION_BACKUP,
+          },
+        ];
+        if ("description" in payloadData && payloadData["description"] !== "") {
+          params[1]["description"] = payloadData["description"];
+        }
+        if (
+          "ipasshpubkey" in payloadData &&
+          payloadData["ipasshpubkey"] !== ""
+        ) {
+          params[1]["ipasshpubkey"] = payloadData["ipasshpubkey"];
+        }
+        if (
+          "usercertificate" in payloadData &&
+          payloadData["usercertificate"] !== ""
+        ) {
+          params[1]["usercertificate"] = payloadData["usercertificate"];
+        }
+        if (
+          "homedirectory" in payloadData &&
+          payloadData["homedirectory"] !== ""
+        ) {
+          params[1]["homedirectory"] = payloadData["homedirectory"];
+        }
+        if ("loginshell" in payloadData && payloadData["loginshell"] !== "") {
+          params[1]["loginshell"] = payloadData["loginshell"];
+        }
+        if ("gidnumber" in payloadData && payloadData["gidnumber"] !== "") {
+          params[1]["gidnumber"] = payloadData["gidnumber"];
+        }
+        if ("uidnumber" in payloadData && payloadData["uidnumber"] !== "") {
+          params[1]["uidnumber"] = payloadData["uidnumber"];
+        }
+        if ("gecos" in payloadData && payloadData["gecos"] !== "") {
+          params[1]["gecos"] = payloadData["gecos"];
+        }
+        if ("uid" in payloadData && payloadData["uid"] !== "") {
+          params[1]["uid"] = payloadData["uid"];
+        }
+
+        return getCommand({
+          method: "idoverrideuser_add",
+          params: params,
+        });
+      },
+    }),
+    /**
+     * Add an ID override group
+     * @param {object} AddGroupPayload - ID override payload parameters
+     * @param AddUserPayload.idview - The name of the ID view
+     * @param AddUserPayload.group - The name of the group to override
+     * @param AddUserPayload.cn - The name of this override group
+     * @param AddUserPayload.gidnumber
+     * @param AddUserPayload.description
+     * @param AddUserPayload.version - The api version
+     */
+    addIDOverrideGroup: build.mutation<FindRPCResponse, AddUserPayload>({
+      query: (payloadData) => {
+        const params = [
+          [payloadData["idview"], payloadData["group"]],
+          {
+            version: payloadData.version || API_VERSION_BACKUP,
+          },
+        ];
+        if ("cn" in payloadData && payloadData["cn"] !== "") {
+          params[1]["cn"] = payloadData["cn"];
+        }
+        if ("description" in payloadData && payloadData["description"] !== "") {
+          params[1]["description"] = payloadData["description"];
+        }
+        if ("gidnumber" in payloadData && payloadData["gidnumber"] !== "") {
+          params[1]["gidnumber"] = payloadData["gidnumber"];
+        }
+
+        return getCommand({
+          method: "idoverridegroup_add",
+          params: params,
+        });
+      },
+    }),
+    /**
+     * Remove ID override users
+     * @param {IDViewOverrideUser[]} - List of user overrides to remove
+     */
+    removeIDOverrideUsers: build.mutation<BatchRPCResponse, DelUserPayload>({
+      query: (payload) => {
+        const usersToDeletePayload: Command[] = [];
+        payload.users.map((user) => {
+          const payloadItem = {
+            method: "idoverrideuser_del",
+            params: [[payload.idview, user.ipaanchoruuid], {}],
+          } as Command;
+          usersToDeletePayload.push(payloadItem);
+        });
+        return getBatchCommand(usersToDeletePayload, API_VERSION_BACKUP);
+      },
+    }),
+    /**
+     * Remove ID override groups
+     * @param {IDViewOverrideUser[]} - List of group overrides to remove
+     */
+    removeIDOverrideGroups: build.mutation<BatchRPCResponse, DelGroupPayload>({
+      query: (payload) => {
+        const groupsToDeletePayload: Command[] = [];
+        payload.groups.map((group) => {
+          const payloadItem = {
+            method: "idoverridegroup_del",
+            params: [[group.ipaanchoruuid], {}],
+          } as Command;
+          groupsToDeletePayload.push(payloadItem);
+        });
+        return getBatchCommand(groupsToDeletePayload, API_VERSION_BACKUP);
+      },
+    }),
+    /**
+     * Given a list of user names, show the full data of those users
+     * @param {string[]} groupNames - List of user names
+     * @param {boolean} noMembers - Whether to show members or not
+     * @returns {BatchRPCResponse} - Batch response
+     */
+    getIDOverrideUsersInfoByName: build.query<
+      IDViewOverrideUser[],
+      ShowPayload
+    >({
+      query: (payload) => {
+        const names = payload.list;
+        const apiVersion = payload.version || API_VERSION_BACKUP;
+        const viewShowCommands: Command[] = names.map((groupName) => ({
+          method: "idoverrideuser_show",
+          params: [[groupName], {}],
+        }));
+        return getBatchCommand(viewShowCommands, apiVersion);
+      },
+      transformResponse: (response: BatchRPCResponse): IDViewOverrideUser[] => {
+        const list: IDViewOverrideUser[] = [];
+        const results = response.result.results;
+        const count = response.result.count;
+        for (let i = 0; i < count; i++) {
+          const data = apiToOverrideUser(results[i].result);
+          list.push(data);
+        }
+        return list;
+      },
+    }),
+    /**
+     * Given a list of group names, show the full data of those groups
+     * @param {string[]} groupNames - List of group names
+     * @param {boolean} noMembers - Whether to show members or not
+     * @returns {BatchRPCResponse} - Batch response
+     */
+    getIDOverrideGroupsInfoByName: build.query<
+      IDViewOverrideGroup[],
+      ShowPayload
+    >({
+      query: (payload) => {
+        const names = payload.list;
+        const apiVersion = payload.version || API_VERSION_BACKUP;
+        const viewShowCommands: Command[] = names.map((groupName) => ({
+          method: "idoverridegroupshow",
+          params: [[groupName], {}],
+        }));
+        return getBatchCommand(viewShowCommands, apiVersion);
+      },
+      transformResponse: (
+        response: BatchRPCResponse
+      ): IDViewOverrideGroup[] => {
+        const list: IDViewOverrideGroup[] = [];
+        const results = response.result.results;
+        const count = response.result.count;
+        for (let i = 0; i < count; i++) {
+          const data = apiToOverrideGroup(results[i].result);
+          list.push(data);
+        }
+        return list;
+      },
+    }),
+    saveIDOverrideUser: build.mutation<FindRPCResponse, ModPayload>({
+      query: (payload) => {
+        const user = payload["user"] ? payload["user"] : "";
+        const params = {
+          version: API_VERSION_BACKUP,
+          ...user,
+        };
+        const id = user["ipaanchoruuid"];
+        return getCommand({
+          method: "idoverrideuser_mod",
+          params: [[payload["idview"], id], params],
+        });
+      },
+      invalidatesTags: ["FullOverrideUser"],
+    }),
+    saveIDOverrideGroup: build.mutation<FindRPCResponse, ModPayload>({
+      query: (payload) => {
+        const group = payload["group"] ? payload["group"] : {};
+        const params = {
+          version: API_VERSION_BACKUP,
+          ...group,
+        };
+
+        const id = group["ipaanchoruuid"];
+        return getCommand({
+          method: "idoverridegroup_mod",
+          params: [[payload["idview"], id], params],
+        });
+      },
+      invalidatesTags: ["FullOverrideGroup"],
+    }),
+    gettingIDOverrideUsers: build.query<IDViewOverrideUser[], string>({
+      query: (idview) => {
+        const findCmd: Command = {
+          method: "idoverrideuser_find",
+          params: [[idview], { version: API_VERSION_BACKUP }],
+        };
+        return getCommand(findCmd);
+      },
+      transformResponse: (response: FindRPCResponse): IDViewOverrideUser[] =>
+        response.result.result as unknown as IDViewOverrideUser[],
+    }),
+    gettingIDOverrideGroups: build.query<IDViewOverrideGroup[], string>({
+      query: (idview) => {
+        const findCmd: Command = {
+          method: "idoverridegroup_find",
+          params: [[idview], { version: API_VERSION_BACKUP }],
+        };
+        return getCommand(findCmd);
+      },
+      transformResponse: (response: FindRPCResponse): IDViewOverrideGroup[] =>
+        response.result.result as unknown as IDViewOverrideGroup[],
+    }),
+    // Refresh entries by search value (mutation instead of query)
+    searchOverrideEntries: build.mutation<BatchRPCResponse, IDOverridePayload>({
+      async queryFn(payloadData, _queryApi, _extraOptions, fetchWithBQ) {
+        const { idView, searchValue, sizeLimit, startIdx, stopIdx, entryType } =
+          payloadData;
+
+        // Prepare search parameters
+        const params = {
+          no_members: true,
+          sizelimit: sizeLimit,
+          version: API_VERSION_BACKUP,
+          all: true,
+        };
+
+        // Prepare payload
+        const payloadDataIds: Command = {
+          method: entryType + "_find",
+          params: [[idView, searchValue], params],
+        };
+
+        // Make call using 'fetchWithBQ'
+        const getGroupIDsResult = await fetchWithBQ(getCommand(payloadDataIds));
+        // Return possible errors
+        if (getGroupIDsResult.error) {
+          return { error: getGroupIDsResult.error as FetchBaseQueryError };
+        }
+        // If no error: cast and assign 'ids'
+        const responseData = getGroupIDsResult.data as FindRPCResponse;
+        const ids: string[] = [];
+        const itemsCount = responseData.result.result.length as number;
+        for (let i = startIdx; i < itemsCount && i < stopIdx; i++) {
+          const overrideId = responseData.result.result[i] as OverrideType;
+          const { ipaanchoruuid } = overrideId;
+
+          ids.push(ipaanchoruuid[0] as string);
+        }
+
+        // 2ND CALL - GET PARTIAL INFO
+        // Prepare payload
+        let payloadDataBatch: Command[] = [];
+        payloadDataBatch = ids.map((id) => ({
+          method: entryType + "_show",
+          params: [[idView, id], {}],
+        }));
+
+        // Make call using 'fetchWithBQ'
+        const partialInfoResult = await fetchWithBQ(
+          getBatchCommand(payloadDataBatch as Command[], API_VERSION_BACKUP)
+        );
+
+        const response = partialInfoResult.data as BatchRPCResponse;
+        if (response) {
+          response.result.totalCount = itemsCount;
+        }
+
+        // Return results
+        return response
+          ? { data: response }
+          : {
+              error: partialInfoResult.error as unknown as FetchBaseQueryError,
+            };
+      },
+    }),
+  }),
+  overrideExisting: false,
+});
+
+export const {
+  useAddIDOverrideGroupMutation,
+  useAddIDOverrideUserMutation,
+  useRemoveIDOverrideGroupsMutation,
+  useRemoveIDOverrideUsersMutation,
+  useGetIDOverrideUsersInfoByNameQuery,
+  useGetIDOverrideGroupsInfoByNameQuery,
+  useGetIDOverrideUserFullDataQuery,
+  useGetIDOverrideGroupFullDataQuery,
+  useSaveIDOverrideUserMutation,
+  useSaveIDOverrideGroupMutation,
+  useGettingIDOverrideUsersQuery,
+  useGettingIDOverrideGroupsQuery,
+  useSearchOverrideEntriesMutation,
+} = extendedApi;
diff --git a/src/utils/datatypes/globalDataTypes.ts b/src/utils/datatypes/globalDataTypes.ts
index feb52dd9..2c0758bb 100644
--- a/src/utils/datatypes/globalDataTypes.ts
+++ b/src/utils/datatypes/globalDataTypes.ts
@@ -393,6 +393,37 @@ export interface IDView {
   cn: string;
   description: string;
   ipadomainresolutionorder: string;
+  useroverrides: string[];
+  groupoverrides: string[];
+}
+
+export interface IDViewOverrideUser {
+  dn: string;
+  cn: string;
+  description: string;
+  homedirectory: string;
+  gecos: string;
+  gidnumber: string;
+  ipaanchoruuid: string;
+  ipaoriginaluid: string;
+  ipasshpubkey: string[];
+  loginshell: string;
+  uid: string;
+  uidnumber: string;
+  usercertificate: string[];
+  // Membership
+  memberof_group: string[];
+  memberof_role: string[];
+  memberofindirect_group: string[];
+  memberofindirect_role: string[];
+}
+
+export interface IDViewOverrideGroup {
+  dn: string;
+  cn: string;
+  description: string;
+  gidnumber: string;
+  ipaanchoruuid: string;
 }
 
 export interface Config {
diff --git a/src/utils/idOverrideUtils.tsx b/src/utils/idOverrideUtils.tsx
new file mode 100644
index 00000000..8e1bba9b
--- /dev/null
+++ b/src/utils/idOverrideUtils.tsx
@@ -0,0 +1,114 @@
+// Data types
+import {
+  IDViewOverrideUser,
+  IDViewOverrideGroup,
+} from "src/utils/datatypes/globalDataTypes";
+// Utils
+import { convertApiObj } from "./ipaObjectUtils";
+
+const simpleUserValues = new Set([
+  "dn",
+  "cn",
+  "description",
+  "homedirectory",
+  "gecos",
+  "gidnumber",
+  "ipaanchoruuid",
+  "ipaoriginaluid",
+  "loginshell",
+  "uid",
+  "uidnumber",
+]);
+
+const simpleGroupValues = new Set([
+  "cn",
+  "description",
+  "dn",
+  "gidnumber",
+  "ipaanchoruuid",
+]);
+const dateValues = new Set([]);
+
+//
+// ID Override Users
+//
+export function apiToOverrideUser(
+  apiRecord: Record<string, unknown>
+): IDViewOverrideUser {
+  const converted = convertApiObj(
+    apiRecord,
+    simpleUserValues,
+    dateValues
+  ) as Partial<IDViewOverrideUser>;
+  return partialOverrideUserToOverrideUser(converted) as IDViewOverrideUser;
+}
+
+export function partialOverrideUserToOverrideUser(
+  partialOverride: Partial<IDViewOverrideUser>
+): IDViewOverrideUser {
+  return {
+    ...createEmptyOverrideUser(),
+    ...partialOverride,
+  };
+}
+
+// Get empty User object initialized with default values
+export function createEmptyOverrideUser(): IDViewOverrideUser {
+  const override: IDViewOverrideUser = {
+    dn: "",
+    cn: "",
+    description: "",
+    homedirectory: "",
+    gecos: "",
+    gidnumber: "",
+    ipaanchoruuid: "",
+    ipaoriginaluid: "",
+    ipasshpubkey: [],
+    loginshell: "",
+    uid: "",
+    uidnumber: "",
+    usercertificate: [],
+    memberof_group: [],
+    memberof_role: [],
+    memberofindirect_group: [],
+    memberofindirect_role: [],
+  };
+
+  return override;
+}
+
+//
+// ID Override Groups
+//
+export function apiToOverrideGroup(
+  apiRecord: Record<string, unknown>
+): IDViewOverrideGroup {
+  const converted = convertApiObj(
+    apiRecord,
+    simpleGroupValues,
+    dateValues
+  ) as Partial<IDViewOverrideGroup>;
+  return partialOverrideGroupToOverrideGroup(converted) as IDViewOverrideGroup;
+}
+
+export function partialOverrideGroupToOverrideGroup(
+  partialOverride: Partial<IDViewOverrideGroup>
+): IDViewOverrideGroup {
+  return {
+    ...createEmptyOverrideGroup(),
+    ...partialOverride,
+  };
+}
+
+// Get empty User object initialized with default values
+export function createEmptyOverrideGroup(): IDViewOverrideGroup {
+  const override: IDViewOverrideGroup = {
+    dn: "",
+    cn: "",
+    description: "",
+    gidnumber: "",
+    ipaanchoruuid: "",
+  };
+
+  return override;
+}
diff --git a/src/utils/idViewUtils.tsx b/src/utils/idViewUtils.tsx
index 53f48525..6e3a256c 100644
--- a/src/utils/idViewUtils.tsx
+++ b/src/utils/idViewUtils.tsx
@@ -34,6 +34,8 @@ export function createEmptyView(): IDView {
     cn: "",
     description: "",
     ipadomainresolutionorder: "",
+    useroverrides: [],
+    groupoverrides: [],
   };
 
   return view;
diff --git a/src/utils/utils.tsx b/src/utils/utils.tsx
index 60bd0731..593bc453 100644
--- a/src/utils/utils.tsx
+++ b/src/utils/utils.tsx
@@ -10,6 +10,8 @@ import {
   Host,
   HostGroup,
   IDView,
+  IDViewOverrideUser,
+  IDViewOverrideGroup,
   Metadata,
   Netgroup,
   Service,
@@ -103,6 +105,14 @@ export const isViewSelectable = (view: IDView) => view.cn != "";
 // Determine whether a HbacServiceGroup is selectable or not
 export const isSudoRuleSelectable = (rule: SudoRule) => rule.cn != "";
 
+// Determine whether a IDViewOverrideUser is selectable or not
+export const isUserOverrideSelectable = (user: IDViewOverrideUser) =>
+  user.ipaanchoruuid != "";
+
+// Determine whether a IDViewOverrideGroup is selectable or not
+export const isGroupOverrideSelectable = (user: IDViewOverrideGroup) =>
+  user.ipaanchoruuid != "";
+
 // Write JSX error messages into 'apiErrorsJsx' array
 export const apiErrorToJsXError = (
   errorFromApiCall: FetchBaseQueryError | SerializedError,
diff --git a/tests/features/idoverride_users_handling.feature b/tests/features/idoverride_users_handling.feature
new file mode 100644
index 00000000..100d5777
--- /dev/null
+++ b/tests/features/idoverride_users_handling.feature
@@ -0,0 +1,115 @@
+Feature: ID Override user manipulation
+  Create, and delete ID override users
+
+  Background:
+    Given I am logged in as "Administrator"
+    Given I am on "id-views" page
+
+  # Add our setup entries (users and id view)
+  Scenario: Add one user after another
+    Given I am on "active-users" page
+    When I click on "Add" button
+    * I type in the field "User login" text "overrideuser1"
+    * I type in the field "First name" text "Chain"
+    * I type in the field "Last name" text "User1"
+    * I type in the field "New password" text "CorrectHorseBatteryStaple"
+    * I type in the field "Verify password" text "CorrectHorseBatteryStaple"
+    * in the modal dialog I click on "Add and add another" button
+
+    When I type in the field "User login" text "overrideuser2"
+    * I type in the field "First name" text "Chain"
+    * I type in the field "Last name" text "User2"
+    * I type in the field "New password" text "IncorrectHorseBatteryStaple"
+    * I type in the field "Verify password" text "IncorrectHorseBatteryStaple"
+    * in the modal dialog I click on "Add" button
+    Then I should see "overrideuser1" entry in the data table
+    Then I should see "overrideuser2" entry in the data table
+
+  Scenario: Add a new view
+    When I click on "Add" button
+    * I type in the field "ID view name" text "override_view"
+    When in the modal dialog I click on "Add" button
+    * I should see "success" alert with text "New ID view added"
+    Then I should see "override_view" entry in the data table
+
+  #
+  # Start testing override users
+  #
+  Scenario: Add override user
+    Given I click on "override_view" entry in the data table
+    Given I click on "Overrides" page tab
+    Given I click on "Users" page tab
+    Then I click on "Add" button
+    And I click in the "User to override" selector field
+    Then I select "overrideuser1" option in the "User to override" selector
+    * I type in the field "User login" text "myoverrideuser"
+    * I type in the field "Home directory" text "/home/user"
+    * I type in the field "Description" text "my description"
+    * I type in the field "GECOS" text "my gecos"
+    * I type in the field "Login shell" text "/bin/ksh"
+    * in the modal dialog I click on "Add and add another" button
+    * I should see "success" alert with text "New override user added"
+    When I close the alert
+    And I click in the "User to override" selector field
+    Then I select "overrideuser2" option in the "User to override" selector
+    * I type in the field "User login" text "myoverrideuser2"
+    * I type in the field "Home directory" text "/home/user2"
+    * I type in the field "Description" text "my description2"
+    * I type in the field "GECOS" text "my gecos2"
+    * I type in the field "Login shell" text "/bin/ksh"
+    * in the modal dialog I click on "Add" button
+    * I should see "success" alert with text "New override user added"
+    Then I should see "overrideuser2" entry in the data table
+
+  Scenario: Search for a user
+    When I type "overrideuser1" in the search field
+    Then I should see the "overrideuser1" text in the search input field
+    When I click on the arrow icon to perform search
+    Then I should see the element "overrideuser1" in the table
+    Then I should not see the element "overrideuser2" in the table
+    * I click on the X icon to clear the search field
+    When I type "notthere" in the search field
+    Then I should see the "notthere" text in the search input field
+    When I click on the arrow icon to perform search
+    Then I should not see the element "overrideuser1" in the table
+    * I click on the X icon to clear the search field
+    Then I click on the arrow icon to perform search
+    And I should see the element "overrideuser1" in the table
+    And I should see the element "overrideuser2" in the table
+
+  Scenario: Delete an override user
+    Given I should see "overrideuser1" entry in the data table
+    Then I select entry "overrideuser1" in the data table
+    When I click on "Delete" button
+    * I see "Remove override users" modal
+    * I should see "overrideuser1" entry in the data table
+    When in the modal dialog I click on "Delete" button
+    * I should see "success" alert with text "Override users removed"
+    Then I should not see "overrideuser1" entry in the data table
+
+  # Cleanup
+  Scenario: Delete users
+    Given I am on "active-users" page
+    Given I should see "overrideuser1" entry in the data table
+    Given I should see "overrideuser1" entry in the data table
+    When I select entry "overrideuser1" in the data table
+    And I select entry "overrideuser2" in the data table
+    And I click on "Delete" button
+    Then I see "Remove Active Users" modal
+    * I should see "overrideuser1" entry in the data table
+    * I should see "overrideuser2" entry in the data table
+    When in the modal dialog I click on "Delete" button
+    * I should see "success" alert with text "Users removed"
+    Then I should not see "overrideuser1" entry in the data table
+    Then I should not see "overrideuser2" entry in the data table
+
+  Scenario: Delete a view
+    Given I am on "id-views" page
+    Given I should see "override_view" entry in the data table
+    Then I select entry "override_view" in the data table
+    When I click on "Delete" button
+    * I see "Remove ID views" modal
+    * I should see "override_view" entry in the data table
+    When in the modal dialog I click on "Delete" button
+    * I should see "success" alert with text "ID views removed"
+    Then I should not see "override_view" entry in the data table