diff --git a/src/components/BaseInformationForm.tsx b/src/components/BaseInformationForm.tsx
index cd453a40..f5092388 100644
--- a/src/components/BaseInformationForm.tsx
+++ b/src/components/BaseInformationForm.tsx
@@ -5,7 +5,8 @@ import { useEffect } from "react";
 import { FormProvider, useForm, useWatch } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { VerifiedInput } from "./VerifiedFieldComponents";
-import VerifiedQuantityMultiInput from "./VerifiedQuantityMultiInput";
+import VerifiedQuantityList from "./VerifiedQuantityList";
+import VerifiedRegistrationList from "./VerifiedRegistrationList";
 
 const BaseInformationForm: React.FC<FormComponentProps> = ({
   loading = false,
@@ -46,13 +47,11 @@ const BaseInformationForm: React.FC<FormComponentProps> = ({
             path="baseInformation.name"
             loading={loading}
           />
-          <VerifiedInput
+          <VerifiedRegistrationList
             label={t("baseInformation.fields.registrationNumber.label")}
-            placeholder={t(
-              "baseInformation.fields.registrationNumber.placeholder",
-            )}
             path="baseInformation.registrationNumber"
             loading={loading}
+            registrationTypes={["Fertilizer", "Ingredient"]}
           />
           <VerifiedInput
             label={t("baseInformation.fields.lotNumber.label")}
@@ -66,19 +65,19 @@ const BaseInformationForm: React.FC<FormComponentProps> = ({
             path="baseInformation.npk"
             loading={loading}
           />
-          <VerifiedQuantityMultiInput
+          <VerifiedQuantityList
             label={t("baseInformation.fields.weight.label")}
             path="baseInformation.weight"
             unitOptions={UNITS.weight}
             loading={loading}
           />
-          <VerifiedQuantityMultiInput
+          <VerifiedQuantityList
             label={t("baseInformation.fields.density.label")}
             path="baseInformation.density"
             unitOptions={UNITS.density}
             loading={loading}
           />
-          <VerifiedQuantityMultiInput
+          <VerifiedQuantityList
             label={t("baseInformation.fields.volume.label")}
             path="baseInformation.volume"
             unitOptions={UNITS.volume}
diff --git a/src/components/QuantityInput.tsx b/src/components/QuantityInput.tsx
index f9568318..73b201da 100644
--- a/src/components/QuantityInput.tsx
+++ b/src/components/QuantityInput.tsx
@@ -11,7 +11,7 @@ interface QuantityInputProps {
   disabled?: boolean;
   unitRules?: RegisterOptions;
   onFocus?: () => void;
-  onblur?: () => void;
+  onBlur?: () => void;
   verified?: boolean;
 }
 
@@ -22,7 +22,7 @@ const QuantityInput = ({
   disabled = false,
   unitRules,
   onFocus,
-  onblur,
+  onBlur,
   verified,
 }: QuantityInputProps) => {
   const { t } = useTranslation("labelDataValidator");
@@ -50,7 +50,7 @@ const QuantityInput = ({
             disabled={disabled}
             onFocus={onFocus}
             onBlur={(e) => {
-              onblur?.();
+              onBlur?.();
               field.onChange(e.target.value.trim());
             }}
             aria-label={t("quantityInput.accessibility.value")}
@@ -81,13 +81,13 @@ const QuantityInput = ({
             renderInput={(params) => (
               <StyledTextField
                 {...params}
-                className={`!w-[10ch] !px-2 bg-gray-100 ${verified ? "bg-gray-300": ""}`}
+                className={`!w-[10ch] !px-2 bg-gray-100 ${verified ? "bg-gray-300" : ""}`}
                 aria-label={t("quantityInput.accessibility.unit")}
                 data-testid={`${name}-unit-input`}
                 placeholder={t("quantityInput.placeholder.unit")}
                 onFocus={onFocus}
                 onBlur={(e) => {
-                  onblur?.();
+                  onBlur?.();
                   field.onChange(e.target.value.trim());
                 }}
                 error={!!error}
diff --git a/src/components/RegistrationInput.tsx b/src/components/RegistrationInput.tsx
new file mode 100644
index 00000000..1e3afb4a
--- /dev/null
+++ b/src/components/RegistrationInput.tsx
@@ -0,0 +1,88 @@
+import { RegistrationType } from "@/types/types";
+import { Box, MenuItem, Select } from "@mui/material";
+import { Control, Controller, RegisterOptions } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import StyledTextField from "./StyledTextField";
+
+interface RegistrationInputProps {
+  name: string;
+  control: Control;
+  disabled?: boolean;
+  typeRules?: RegisterOptions;
+  onFocus?: () => void;
+  onBlur?: () => void;
+  verified?: boolean;
+}
+
+const RegistrationInput = ({
+  name,
+  control,
+  disabled = false,
+  typeRules,
+  onFocus,
+  onBlur,
+  verified,
+}: RegistrationInputProps) => {
+  const { t } = useTranslation("labelDataValidator");
+
+  return (
+    <Box className="flex w-full" data-testid={`${name}-container`}>
+      {/* Identifier Input Field */}
+      <Controller
+        name={`${name}.identifier`}
+        control={control}
+        rules={{
+          pattern: {
+            value: /^\d{7}[A-Z]$/,
+            message: "errors.invalidRegistrationNumber",
+          },
+        }}
+        render={({ field, fieldState: { error } }) => (
+          <StyledTextField
+            {...field}
+            placeholder={t("baseInformation.fields.reg.placeholder")}
+            disabled={disabled}
+            onFocus={onFocus}
+            onBlur={(e) => {
+              onBlur?.();
+              field.onChange(e.target.value.trim());
+            }}
+            aria-label={t("baseInformation.fields.reg.accessibility")}
+            data-testid={`${name}-number-input`}
+            error={!!error}
+            helperText={error?.message ? t(error.message) : ""}
+          />
+        )}
+      />
+
+      {/* Registration Type Selection Field */}
+      <Controller
+        name={`${name}.type`}
+        control={control}
+        rules={typeRules}
+        render={({ field, fieldState: { error } }) => (
+          <Select
+            {...field}
+            className={`!w-[20ch] !text-[15px] ${verified ? "bg-inherit" : "bg-gray-100"} px-2`}
+            variant="standard"
+            autoComplete="off"
+            value={field.value || ""}
+            onChange={(event) => field.onChange(event.target.value)}
+            disabled={disabled}
+            fullWidth
+            disableUnderline
+          >
+            <MenuItem value={RegistrationType.FERTILIZER}>
+              {t("baseInformation.fields.reg.type.fertilizer")}
+            </MenuItem>
+            <MenuItem value={RegistrationType.INGREDIENT}>
+              {t("baseInformation.fields.reg.type.ingredient")}
+            </MenuItem>
+          </Select>
+        )}
+      />
+    </Box>
+  );
+};
+
+export default RegistrationInput;
diff --git a/src/components/StyledDeleteButton.tsx b/src/components/StyledDeleteButton.tsx
new file mode 100644
index 00000000..1fd1804b
--- /dev/null
+++ b/src/components/StyledDeleteButton.tsx
@@ -0,0 +1,36 @@
+import DeleteIcon from "@mui/icons-material/Delete";
+import { IconButton, IconButtonProps, Tooltip } from "@mui/material";
+import React from "react";
+
+interface StyledDeleteButtonProps extends IconButtonProps {
+  tooltip: string;
+  tooltipDelay?: number;
+  hideButton?: boolean;
+}
+
+const StyledDeleteButton = React.forwardRef<
+  HTMLButtonElement,
+  StyledDeleteButtonProps
+>(
+  (
+    {
+      tooltip: tooltipTitle,
+      tooltipDelay: enterDelay = 1000,
+      hideButton,
+      ...props
+    },
+    ref,
+  ) => {
+    if (hideButton) return null;
+
+    return (
+      <Tooltip enterDelay={enterDelay} title={tooltipTitle}>
+        <IconButton ref={ref} {...props} size="small" className="text-white">
+          <DeleteIcon />
+        </IconButton>
+      </Tooltip>
+    );
+  },
+);
+
+export default StyledDeleteButton;
diff --git a/src/components/StyledListContainer.tsx b/src/components/StyledListContainer.tsx
new file mode 100644
index 00000000..9d6d6dd9
--- /dev/null
+++ b/src/components/StyledListContainer.tsx
@@ -0,0 +1,44 @@
+import AddIcon from "@mui/icons-material/Add";
+import { Box, BoxProps, Button } from "@mui/material";
+import React from "react";
+import { useTranslation } from "react-i18next";
+
+interface StyledListContainerProps extends BoxProps {
+  path: string;
+  verified?: boolean;
+  onAppend: () => void;
+  children: React.ReactNode;
+}
+
+const StyledListContainer: React.FC<StyledListContainerProps> = ({
+  path,
+  verified,
+  onAppend,
+  children,
+  ...boxProps
+}) => {
+  const t = useTranslation("labelDataValidator").t;
+  return (
+    <Box
+      className="flex flex-1 flex-col"
+      data-testid={`fields-container-${path}`}
+      {...boxProps}
+    >
+      {children}
+
+      {/* Add Row Button */}
+      <Button
+        size="small"
+        className={`!p-2 text-white bg-green-500 ${verified ? "!hidden" : ""}`}
+        onClick={onAppend}
+        startIcon={<AddIcon />}
+        disabled={verified}
+        data-testid={`add-button-${path}`}
+      >
+        {t("addRow")}
+      </Button>
+    </Box>
+  );
+};
+
+export default StyledListContainer;
diff --git a/src/components/VerifiedFieldComponents.tsx b/src/components/VerifiedFieldComponents.tsx
index db9a121b..f9e8e28c 100644
--- a/src/components/VerifiedFieldComponents.tsx
+++ b/src/components/VerifiedFieldComponents.tsx
@@ -29,6 +29,7 @@ interface VerifiedFieldWrapperProps {
     valuePath: string;
     verified: boolean;
   }) => ReactNode;
+  validate?: (callback: (valid: boolean) => void) => Promise<void>;
 }
 
 export const VerifiedFieldWrapper: React.FC<VerifiedFieldWrapperProps> = ({
@@ -37,6 +38,7 @@ export const VerifiedFieldWrapper: React.FC<VerifiedFieldWrapperProps> = ({
   className = "",
   loading = false,
   renderField,
+  validate,
 }) => {
   const { t } = useTranslation("labelDataValidator");
   const { control } = useFormContext();
@@ -63,13 +65,16 @@ export const VerifiedFieldWrapper: React.FC<VerifiedFieldWrapperProps> = ({
           data-testid={`verified-field-${path}`}
         >
           {renderField({ setIsFocused, control, valuePath, verified })}
+
+          {/* Vertical Divider */}
           <Divider
             orientation="vertical"
             flexItem
-            className={isFocused ? "!border-fertiscan-blue" : ""}
-            sx={{ bgcolor: verified ? "#00C55E" : "inherit" }}
+            className={`${isFocused ? "!border-fertiscan-blue" : ""} ${verified ? "bg-green-500" : "bg-inherit"}`}
             data-testid={`divider-${path}`}
           />
+
+          {/* Verified Toggle Button */}
           <Controller
             name={verifiedPath}
             control={control}
@@ -83,7 +88,13 @@ export const VerifiedFieldWrapper: React.FC<VerifiedFieldWrapperProps> = ({
                 enterDelay={1000}
               >
                 <IconButton
-                  onClick={() => onChange(!value)}
+                  onClick={() =>
+                    validate
+                      ? validate((valid) => {
+                          if (valid) onChange(!value);
+                        })
+                      : onChange(!value)
+                  }
                   data-testid={`toggle-verified-btn-${verifiedPath}`}
                   aria-label={
                     verified
diff --git a/src/components/VerifiedListRow.tsx b/src/components/VerifiedListRow.tsx
new file mode 100644
index 00000000..98c572d9
--- /dev/null
+++ b/src/components/VerifiedListRow.tsx
@@ -0,0 +1,42 @@
+import { Box, Divider } from "@mui/material";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import StyledDeleteButton from "./StyledDeleteButton";
+
+interface VerifiedListRowProps {
+  verified?: boolean;
+  hideDelete?: boolean;
+  onDelete?: () => void;
+  isLastItem?: boolean;
+  children: React.ReactNode;
+}
+
+const VerifiedListRow: React.FC<VerifiedListRowProps> = ({
+  verified,
+  hideDelete,
+  onDelete,
+  isLastItem,
+  children,
+}) => {
+  const { t } = useTranslation("labelDataValidator");
+  return (
+    <Box className="ml-2" data-testid={`field-row`}>
+      <Box className="flex items-center">
+        {children}
+
+        <StyledDeleteButton
+          tooltip={t("deleteVerifiedListRow")}
+          hideButton={verified || hideDelete}
+          onClick={onDelete}
+          data-testid={`delete-row-button`}
+        />
+      </Box>
+
+      <Divider
+        className={`!my-1 ${verified ? "bg-green-500" : "bg-inherit"} ${isLastItem && verified ? "hidden" : ""}`}
+      />
+    </Box>
+  );
+};
+
+export default VerifiedListRow;
diff --git a/src/components/VerifiedQuantityList.tsx b/src/components/VerifiedQuantityList.tsx
new file mode 100644
index 00000000..40e2aa2c
--- /dev/null
+++ b/src/components/VerifiedQuantityList.tsx
@@ -0,0 +1,103 @@
+import { DEFAULT_QUANTITY } from "@/types/types";
+import { Typography } from "@mui/material";
+import { useFieldArray, useFormContext, useWatch } from "react-hook-form";
+import QuantityInput from "./QuantityInput";
+import StyledListContainer from "./StyledListContainer";
+import { VerifiedFieldWrapper } from "./VerifiedFieldComponents";
+import VerifiedListRow from "./VerifiedListRow";
+
+interface VerifiedQuantityListProps {
+  label: string;
+  path: string;
+  unitOptions: string[];
+  className?: string;
+  loading?: boolean;
+}
+
+const VerifiedQuantityList: React.FC<VerifiedQuantityListProps> = ({
+  label,
+  path,
+  unitOptions,
+  className = "",
+  loading = false,
+}) => {
+  const { control, trigger } = useFormContext();
+  const { fields, append, remove } = useFieldArray({
+    control,
+    name: `${path}.quantities`,
+  });
+  const quantitiesPath = `${path}.quantities`;
+  const quantities = useWatch({
+    control,
+    name: quantitiesPath,
+  });
+
+  const validateFields = async (callback: (valid: boolean) => void) => {
+    const validationResults = await Promise.all(
+      fields.map((_, index) =>
+        Promise.all([
+          trigger(`${quantitiesPath}.${index}.unit`),
+          trigger(`${quantitiesPath}.${index}.value`),
+        ]),
+      ),
+    );
+    const allValid = validationResults.every((result) =>
+      result.every((isValid) => isValid),
+    );
+    callback(allValid);
+  };
+
+  const validateDuplicateUnit = (value: string) => {
+    const isDuplicate =
+      quantities.filter((item: { unit: string }) => item.unit === value)
+        .length > 1;
+    return !isDuplicate || "errors.duplicateUnit";
+  };
+
+  return (
+    <VerifiedFieldWrapper
+      label={
+        <Typography
+          className="select-none px-2 !font-bold text-left"
+          data-testid={`quantity-multi-input-label-${path}`}
+        >
+          {label}
+        </Typography>
+      }
+      path={path}
+      className={className}
+      loading={loading}
+      validate={validateFields}
+      renderField={({ setIsFocused, control, verified }) => (
+        <StyledListContainer
+          path={path}
+          verified={verified}
+          onAppend={() => append(DEFAULT_QUANTITY)}
+        >
+          {fields.map((fieldItem, index) => (
+            <VerifiedListRow
+              key={fieldItem.id}
+              verified={verified}
+              hideDelete={fields.length === 1}
+              onDelete={() => remove(index)}
+              isLastItem={index === fields.length - 1}
+            >
+              <QuantityInput
+                name={`${quantitiesPath}.${index}`}
+                control={control}
+                unitOptions={unitOptions}
+                disabled={verified}
+                unitRules={{ validate: validateDuplicateUnit }}
+                onFocus={() => setIsFocused(true)}
+                onBlur={() => setIsFocused(false)}
+                verified={verified}
+              />
+            </VerifiedListRow>
+          ))}
+        </StyledListContainer>
+      )}
+    />
+  );
+};
+
+export default VerifiedQuantityList;
diff --git a/src/components/VerifiedQuantityMultiInput.tsx b/src/components/VerifiedQuantityMultiInput.tsx
deleted file mode 100644
index bd056ae8..00000000
--- a/src/components/VerifiedQuantityMultiInput.tsx
+++ /dev/null
@@ -1,250 +0,0 @@
-import { DEFAULT_QUANTITY } from "@/types/types";
-import AddIcon from "@mui/icons-material/Add";
-import CheckIcon from "@mui/icons-material/Check";
-import DeleteIcon from "@mui/icons-material/Delete";
-import {
-  Box,
-  Button,
-  Divider,
-  IconButton,
-  SvgIcon,
-  Tooltip,
-  Typography,
-} from "@mui/material";
-import { useState } from "react";
-import {
-  Controller,
-  useFieldArray,
-  useFormContext,
-  useWatch,
-} from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import QuantityInput from "./QuantityInput";
-import StyledSkeleton from "./StyledSkeleton";
-
-interface VerifiedQuantityMultiInputProps {
-  label: string;
-  path: string;
-  unitOptions: string[];
-  className?: string;
-  loading?: boolean;
-}
-
-const VerifiedQuantityMultiInput: React.FC<VerifiedQuantityMultiInputProps> = ({
-  label,
-  path,
-  unitOptions,
-  className = "",
-  loading = false,
-}) => {
-  const { t } = useTranslation("labelDataValidator");
-  const { control, trigger } = useFormContext();
-  const [isFocused, setIsFocused] = useState(false);
-  const [hover, setHover] = useState(false);
-
-  const quantitiesPath = `${path}.quantities`;
-  const verifiedPath = `${path}.verified`;
-
-  const { fields, append, remove } = useFieldArray({
-    control,
-    name: quantitiesPath,
-  });
-
-  const quantities = useWatch({
-    control,
-    name: quantitiesPath,
-  });
-
-  const verified: boolean = useWatch({
-    control,
-    name: verifiedPath,
-  });
-
-  const toggleVerified = async (
-    verified: boolean,
-    setVerified: (value: boolean) => void,
-  ) => {
-    const validationResults = await Promise.all(
-      fields.map((_, index) =>
-        Promise.all([
-          trigger(`${quantitiesPath}.${index}.unit`),
-          trigger(`${quantitiesPath}.${index}.value`),
-        ]),
-      ),
-    );
-
-    const allValid = validationResults.every((result) =>
-      result.every((isValid) => isValid),
-    );
-
-    if (allValid) {
-      setVerified(!verified);
-    }
-  };
-
-  const validateDuplicateUnit = (value: string) => {
-    const isDuplicate =
-      quantities.filter((item: { unit: string }) => item.unit === value)
-        .length > 1;
-    return !isDuplicate || "errors.duplicateUnit";
-  };
-
-  return (
-    <Box>
-      {/* Label Section */}
-      <Typography
-        className="select-none px-2 !font-bold text-left"
-        data-testid={`quantity-multi-input-label-${path}`}
-      >
-        {label}
-      </Typography>
-
-      {loading ? (
-        <StyledSkeleton className="!h-24" />
-      ) : (
-        <Box
-          className={`w-full flex items-center p-1 border-2 rounded-tr-md rounded-br-md ${
-            isFocused ? "border-fertiscan-blue" : ""
-          } ${verified ? "border-green-500 bg-gray-300" : ""}  ${className}`}
-          data-testid={`quantity-multi-input-${path}`}
-        >
-          {/* Fields */}
-          <Box
-            className="flex flex-1 flex-col"
-            data-testid={`fields-container-${path}`}
-          >
-            {fields.map((fieldItem, index) => {
-              const isLastItem = index === fields.length - 1;
-
-              return (
-                <Box
-                  className="ml-2"
-                  key={fieldItem.id}
-                  data-testid={`field-row-${quantitiesPath}-${index}`}
-                >
-                  <Box className="flex items-center">
-                    {/* Value & Unit Input */}
-                    <QuantityInput
-                      name={`${quantitiesPath}.${index}`}
-                      control={control}
-                      unitOptions={unitOptions}
-                      disabled={verified}
-                      unitRules={{
-                        validate: validateDuplicateUnit,
-                      }}
-                      onFocus={() => setIsFocused(true)}
-                      onblur={() => setIsFocused(false)}
-                      verified={verified}
-                    />
-
-                    {/* Delete Row Button */}
-                    <Tooltip
-                      enterDelay={1000}
-                      title={t("verifiedQuantityMultiInput.deleteRow")}
-                    >
-                      <IconButton
-                        size="small"
-                        className="text-white"
-                        sx={{
-                          display: verified
-                            ? "none"
-                            : fields.length === 1
-                              ? "none"
-                              : "flex",
-                        }}
-                        onClick={() => remove(index)}
-                        disabled={verified}
-                        aria-label={t(
-                          "verifiedQuantityMultiInput.accessibility.deleteRowButton",
-                        )}
-                        data-testid={`delete-button-${quantitiesPath}-${index}`}
-                      >
-                        <DeleteIcon />
-                      </IconButton>
-                    </Tooltip>
-                  </Box>
-                  <Divider
-                    className={`!my-1 ${isFocused ? "!border-fertiscan-blue" : ""}`}
-                    sx={{
-                      bgcolor: verified ? "#00C55E" : "inherit",
-                      display: isLastItem && verified ? "none" : "block",
-                    }}
-                    data-testid={`row-divider-${quantitiesPath}-${index}`}
-                  />
-                </Box>
-              );
-            })}
-
-            {/* Add Row Button */}
-            <Button
-              size="small"
-              className="!p-2 text-white bg-green-500"
-              onClick={() => append(DEFAULT_QUANTITY)}
-              startIcon={<AddIcon />}
-              disabled={verified}
-              aria-label={t(
-                "verifiedQuantityMultiInput.accessibility.addRowButton",
-              )}
-              data-testid={`add-button-${path}`}
-            >
-              {t("verifiedQuantityMultiInput.addRow")}
-            </Button>
-          </Box>
-
-          {/* Vertical Divider */}
-          <Divider
-            className={`my-2 ${isFocused ? "!border-fertiscan-blue" : ""}`}
-            sx={{ bgcolor: verified ? "#00C55E" : "inherit" }}
-            data-testid={`vertical-divider-${quantitiesPath}`}
-            flexItem
-            orientation="vertical"
-          />
-
-          {/* Verified Toggle Button */}
-          <Controller
-            name={verifiedPath}
-            control={control}
-            render={({ field: { value, onChange } }) => (
-              <Tooltip
-                title={
-                  verified
-                    ? t("verifiedQuantityMultiInput.unverify")
-                    : t("verifiedQuantityMultiInput.verify")
-                }
-                enterDelay={1000}
-              >
-                <IconButton
-                  onClick={() => toggleVerified(value, onChange)}
-                  aria-label={t(
-                    "verifiedQuantityMultiInput.accessibility.verifyToggleButton",
-                  )}
-                  data-testid={`toggle-verified-btn-${path}`}
-                  onMouseEnter={() => setHover(true)}
-                  onMouseLeave={() => setHover(false)}
-                >
-                  {hover && verified ? (
-                    <SvgIcon aria-hidden>
-                      <image
-                        href="/img/unverifyIcon.svg"
-                        height="24"
-                        width="24"
-                      />
-                    </SvgIcon>
-                  ) : (
-                    <CheckIcon
-                      className={value ? "text-green-500" : ""}
-                      data-testid={`verified-icon-${verifiedPath}`}
-                      aria-hidden
-                    />
-                  )}
-                </IconButton>
-              </Tooltip>
-            )}
-          />
-        </Box>
-      )}
-    </Box>
-  );
-};
-
-export default VerifiedQuantityMultiInput;
diff --git a/src/components/VerifiedRegistrationList.tsx b/src/components/VerifiedRegistrationList.tsx
new file mode 100644
index 00000000..cb0a1297
--- /dev/null
+++ b/src/components/VerifiedRegistrationList.tsx
@@ -0,0 +1,90 @@
+import { Typography } from "@mui/material";
+import { useFieldArray, useFormContext } from "react-hook-form";
+import RegistrationInput from "./RegistrationInput";
+import StyledListContainer from "./StyledListContainer";
+import { VerifiedFieldWrapper } from "./VerifiedFieldComponents";
+import VerifiedListRow from "./VerifiedListRow";
+
+interface VerifiedRegistrationListProps {
+  label: string;
+  path: string;
+  registrationTypes: string[];
+  className?: string;
+  loading?: boolean;
+}
+
+const VerifiedRegistrationList: React.FC<VerifiedRegistrationListProps> = ({
+  label,
+  path,
+  registrationTypes,
+  className = "",
+  loading = false,
+}) => {
+  const { control, trigger } = useFormContext();
+  const { fields, append, remove } = useFieldArray({
+    control,
+    name: `${path}.registrations`,
+  });
+  const registrationsPath = `${path}.registrations`;
+
+  const validateFields = async (callback: (valid: boolean) => void) => {
+    const validationResults = await Promise.all(
+      fields.map((_, index) =>
+        Promise.all([
+          trigger(`${registrationsPath}.${index}.number`),
+          trigger(`${registrationsPath}.${index}.type`),
+        ]),
+      ),
+    );
+    const allValid = validationResults.every((result) =>
+      result.every((isValid) => isValid),
+    );
+    callback(allValid);
+  };
+
+  return (
+    <VerifiedFieldWrapper
+      label={
+        <Typography
+          className="!font-bold select-none text-left px-2"
+          data-testid={`registration-list-label-${path}`}
+        >
+          {label}
+        </Typography>
+      }
+      path={path}
+      className={className}
+      loading={loading}
+      validate={validateFields}
+      renderField={({ setIsFocused, control, verified }) => (
+        <StyledListContainer
+          path={path}
+          verified={verified}
+          onAppend={() => append({ number: "", type: "" })}
+        >
+          {fields.map((fieldItem, index) => (
+            <VerifiedListRow
+              key={fieldItem.id}
+              verified={verified}
+              hideDelete={fields.length === 1}
+              onDelete={() => remove(index)}
+              isLastItem={index === fields.length - 1}
+            >
+              <RegistrationInput
+                name={`${registrationsPath}.${index}`}
+                control={control}
+                registrationTypes={registrationTypes}
+                disabled={verified}
+                onFocus={() => setIsFocused(true)}
+                onBlur={() => setIsFocused(false)}
+                verified={verified}
+              />
+            </VerifiedListRow>
+          ))}
+        </StyledListContainer>
+      )}
+    />
+  );
+};
+
+export default VerifiedRegistrationList;
diff --git a/src/components/__tests__/QuantityInput.test.tsx b/src/components/__tests__/QuantityInput.test.tsx
index c3b973c6..04a2c0ce 100644
--- a/src/components/__tests__/QuantityInput.test.tsx
+++ b/src/components/__tests__/QuantityInput.test.tsx
@@ -52,7 +52,7 @@ const Wrapper = ({
           disabled={disabled}
           unitRules={unitRules}
           onFocus={onFocus}
-          onblur={onblur}
+          onBlur={onblur}
         />
         <button type="submit" data-testid="submit-button">
           Submit
diff --git a/src/components/__tests__/VerifiedQuantityMultiInput.test.tsx b/src/components/__tests__/VerifiedQuantityMultiInput.test.tsx
index 69745a1e..e0547660 100644
--- a/src/components/__tests__/VerifiedQuantityMultiInput.test.tsx
+++ b/src/components/__tests__/VerifiedQuantityMultiInput.test.tsx
@@ -2,7 +2,7 @@ import { VerifiedQuantityField } from "@/types/types";
 import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { FormProvider, useForm } from "react-hook-form";
-import VerifiedQuantityMultiInput from "../VerifiedQuantityMultiInput";
+import VerifiedQuantityList from "../VerifiedQuantityList";
 
 const Wrapper = ({
   label = "Test Label",
@@ -36,7 +36,7 @@ const Wrapper = ({
           methods.handleSubmit(onSubmit)();
         }}
       >
-        <VerifiedQuantityMultiInput
+        <VerifiedQuantityList
           label={label}
           path={path}
           unitOptions={unitOptions}
diff --git a/src/components/__tests__/VerifiedRadio.test.tsx b/src/components/__tests__/VerifiedRadio.test.tsx
index 9ca7f246..b1724bf2 100644
--- a/src/components/__tests__/VerifiedRadio.test.tsx
+++ b/src/components/__tests__/VerifiedRadio.test.tsx
@@ -64,19 +64,29 @@ describe("VerifiedRadio Behavior", () => {
   });
 
   it("handles loading state correctly", () => {
-    const { rerender } = render(<TestWrapper verified={false} loading={true} />);
+    const { rerender } = render(
+      <TestWrapper verified={false} loading={true} />,
+    );
 
     const skeleton = screen.getByTestId("styled-skeleton");
     expect(skeleton).toBeInTheDocument();
 
-    expect(screen.queryByTestId("radio-group-field-fieldName.value")).not.toBeInTheDocument();
-    expect(screen.queryByTestId("toggle-verified-btn-fieldName.verified")).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId("radio-group-field-fieldName.value"),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId("toggle-verified-btn-fieldName.verified"),
+    ).not.toBeInTheDocument();
 
     rerender(<TestWrapper verified={false} loading={false} />);
 
     expect(screen.queryByTestId("styled-skeleton")).not.toBeInTheDocument();
-    expect(screen.getByTestId("radio-group-field-fieldName.value")).toBeInTheDocument();
-    expect(screen.getByTestId("toggle-verified-btn-fieldName.verified")).toBeInTheDocument();
+    expect(
+      screen.getByTestId("radio-group-field-fieldName.value"),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByTestId("toggle-verified-btn-fieldName.verified"),
+    ).toBeInTheDocument();
   });
 });
 
diff --git a/src/utils/client/constants.ts b/src/utils/client/constants.ts
index e04ca266..cbe5b947 100644
--- a/src/utils/client/constants.ts
+++ b/src/utils/client/constants.ts
@@ -9,10 +9,10 @@ export const VERIFIED_LABEL_DATA: LabelData = {
       phoneNumber: { value: "+1-800-555-0199", verified: true },
     },
     {
-      name: { value: "AgriGrow Fertilizers Inc.", verified: true },
-      address: { value: "123 Greenfield Ave, Springfield", verified: true },
-      website: { value: "www.agrigrow.com", verified: true },
-      phoneNumber: { value: "+1-800-555-0199", verified: true },
+      name: { value: "GreenHarvest Solutions", verified: true },
+      address: { value: "456 Eco Lane, Riverdale", verified: true },
+      website: { value: "www.greenharvest.com", verified: true },
+      phoneNumber: { value: "+1-800-555-0234", verified: true },
     },
   ],
   baseInformation: {
@@ -24,7 +24,7 @@ export const VERIFIED_LABEL_DATA: LabelData = {
       verified: true,
       quantities: [
         { value: "25", unit: "kg" },
-        { value: "25", unit: "kg" },
+        { value: "55.12", unit: "lb" },
       ],
     },
     density: {