diff --git a/backend/src/database/model/hyvaksymisPaatosVaihe.ts b/backend/src/database/model/hyvaksymisPaatosVaihe.ts
index a6936cc6e..c212efd6b 100644
--- a/backend/src/database/model/hyvaksymisPaatosVaihe.ts
+++ b/backend/src/database/model/hyvaksymisPaatosVaihe.ts
@@ -36,8 +36,8 @@ export type HyvaksymisPaatosVaiheJulkaisu = {
 
 export type HyvaksymisPaatosVaihePDF = {
   hyvaksymisKuulutusPDFPath: string;
-  ilmoitusHyvaksymispaatoskuulutuksestaKunnillePDFPath: string,
-  ilmoitusHyvaksymispaatoskuulutuksestaToiselleViranomaisellePDFPath: string,
+  ilmoitusHyvaksymispaatoskuulutuksestaKunnillePDFPath: string;
+  ilmoitusHyvaksymispaatoskuulutuksestaToiselleViranomaisellePDFPath: string;
   hyvaksymisIlmoitusLausunnonantajillePDFPath: string;
   hyvaksymisIlmoitusMuistuttajillePDFPath: string;
 };
diff --git a/graphql/types.graphql b/graphql/types.graphql
index 7f7b2be00..3e102f6d8 100644
--- a/graphql/types.graphql
+++ b/graphql/types.graphql
@@ -65,12 +65,10 @@ enum AsiakirjaTyyppi {
   ALOITUSKUULUTUS
   ILMOITUS_KUULUTUKSESTA
   YLEISOTILAISUUS_KUTSU
-
+  HYVAKSYMISPAATOSKUULUTUS
   NAHTAVILLAOLOKUULUTUS
   ILMOITUS_NAHTAVILLAOLOKUULUTUKSESTA_KUNNILLE_VIRANOMAISELLE
   ILMOITUS_NAHTAVILLAOLOKUULUTUKSESTA_KIINTEISTOJEN_OMISTAJILLE
-
-  HYVAKSYMISPAATOSKUULUTUS
   ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_KUNNILLE
   ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_TOISELLE_VIRANOMAISELLE
   ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_LAUSUNNONANTAJILLE
diff --git a/src/components/form/Select.tsx b/src/components/form/Select.tsx
index 4b5061431..9fce4f7cd 100644
--- a/src/components/form/Select.tsx
+++ b/src/components/form/Select.tsx
@@ -35,7 +35,7 @@ const Select = (
     <FormGroup label={label} className={className} errorMessage={hideErrorMessage ? undefined : error?.message}>
       <div className="select-wrapper">
         <select className={error && "error"} {...props} ref={ref}>
-          {addEmptyOption && <option />}
+          {addEmptyOption && <option value="" />}
           {options.map((option) => (
             <option key={option.value} value={option.value} disabled={option.disabled}>
               {option.label}
diff --git a/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/KuulutuksenJaIlmoituksenEsikatselu.tsx b/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/KuulutuksenJaIlmoituksenEsikatselu.tsx
index 39a42eb4e..41ab723e3 100644
--- a/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/KuulutuksenJaIlmoituksenEsikatselu.tsx
+++ b/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/KuulutuksenJaIlmoituksenEsikatselu.tsx
@@ -1,13 +1,13 @@
 import React from "react";
 import Section from "@components/layout/Section";
 import { Kieli, AsiakirjaTyyppi } from "@services/api";
-// import Notification, { NotificationType } from "@components/notification/Notification";
-// import lowerCase from "lodash/lowerCase";
-// import Button from "@components/button/Button";
-// import { Box } from "@mui/material";
+import Notification, { NotificationType } from "@components/notification/Notification";
+import lowerCase from "lodash/lowerCase";
+import Button from "@components/button/Button";
+import { Box } from "@mui/material";
 import { useProjekti } from "src/hooks/useProjekti";
 import { KuulutuksenTiedotFormValues } from "./index";
-// import { useFormContext } from "react-hook-form";
+import { useFormContext } from "react-hook-form";
 
 type Props = {
   esikatselePdf: (formData: KuulutuksenTiedotFormValues, asiakirjaTyyppi: AsiakirjaTyyppi, kieli: Kieli) => void;
@@ -16,19 +16,171 @@ type Props = {
 export default function KuulutuksenJaIlmoituksenEsikatselu({ esikatselePdf }: Props) {
   const { data: projekti } = useProjekti();
 
-  // const { handleSubmit } = useFormContext<KuulutuksenTiedotFormValues>();
+  const { handleSubmit } = useFormContext<KuulutuksenTiedotFormValues>();
 
-  // const ensisijainenKieli = projekti?.kielitiedot?.ensisijainenKieli;
-  // const toissijainenKieli = projekti?.kielitiedot?.toissijainenKieli;
+  const ensisijainenKieli = projekti?.kielitiedot?.ensisijainenKieli;
+  const toissijainenKieli = projekti?.kielitiedot?.toissijainenKieli;
 
-  if (!projekti || !esikatselePdf) {
-    // TODO: poista tuosta || !esikatselePdf.
+  if (!projekti) {
     return null;
   }
 
   return (
     <Section>
       <h4 className="vayla-small-title">Kuulutuksen ja ilmoituksen esikatselu</h4>
+      <Notification type={NotificationType.INFO_GRAY}>
+        Esikatsele kuulutus ja ilmoitus ennen hyväksyntään lähettämistä.{" "}
+      </Notification>
+      <div style={{ marginTop: "4em" }}>
+        {ensisijainenKieli && (
+          <div>
+            <p className="mb-10">Esikatsele tiedostot ensisijaisella kielellä ({lowerCase(ensisijainenKieli)})</p>
+            <Box sx={{ flexDirection: "row-reverse" }}>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_kuulutus_pdf_" + ensisijainenKieli}
+                type="submit"
+                onClick={handleSubmit((formData) => {
+                  console.log(formData);
+                  esikatselePdf(formData, AsiakirjaTyyppi.HYVAKSYMISPAATOSKUULUTUS, ensisijainenKieli);
+                })}
+              >
+                Kuulutuksen esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_lausunnontajille_pdf_" + ensisijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_LAUSUNNONANTAJILLE,
+                    ensisijainenKieli
+                  )
+                )}
+              >
+                Ilmoitus lausunnonantajille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_muistuttajille_pdf_" + ensisijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) => {
+                  console.log(formData);
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_MUISTUTTAJILLE,
+                    ensisijainenKieli
+                  );
+                })}
+              >
+                Ilmoitus muistuttajille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_kunnille_pdf_" + ensisijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_KUNNILLE,
+                    ensisijainenKieli
+                  )
+                )}
+              >
+                Ilmoitus kunnille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_toiselle_viranomaiselle_pdf_" + ensisijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_TOISELLE_VIRANOMAISELLE,
+                    ensisijainenKieli
+                  )
+                )}
+              >
+                Ilmoituksen toiselle viranomaiselle esikatselu
+              </Button>
+            </Box>
+          </div>
+        )}
+        {toissijainenKieli && (
+          <div>
+            <p className="mb-10">Esikatsele tiedostot toissijaisella kielellä ({lowerCase(toissijainenKieli)})</p>
+            <Box sx={{ flexDirection: "row-reverse" }}>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_kuulutus_pdf_" + toissijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(formData, AsiakirjaTyyppi.HYVAKSYMISPAATOSKUULUTUS, toissijainenKieli)
+                )}
+              >
+                Kuulutuksen esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_lausunnonantajille_pdf_" + toissijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_LAUSUNNONANTAJILLE,
+                    toissijainenKieli
+                  )
+                )}
+              >
+                Ilmoitus lausunnonantajille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_muistuttajille_pdf_" + toissijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_MUISTUTTAJILLE,
+                    toissijainenKieli
+                  )
+                )}
+              >
+                Ilmoitus muistuttajille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_kunnille_pdf_" + toissijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_KUNNILLE,
+                    toissijainenKieli
+                  )
+                )}
+              >
+                Ilmoitus kunnille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_toiselle_viranomaiselle_pdf_" + toissijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_TOISELLE_VIRANOMAISELLE,
+                    toissijainenKieli
+                  )
+                )}
+              >
+                Ilmoituksen toiselle viranomaiselle esikatselu
+              </Button>
+            </Box>
+          </div>
+        )}
+      </div>
     </Section>
   );
 }
diff --git a/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/Lukunakyma.tsx b/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/Lukunakyma.tsx
index 643f1230f..b03881947 100644
--- a/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/Lukunakyma.tsx
+++ b/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/Lukunakyma.tsx
@@ -1,17 +1,19 @@
-import { HyvaksymisPaatosVaiheJulkaisu, ProjektiKayttaja } from "@services/api";
+import { HyvaksymisPaatosVaiheJulkaisu, ProjektiKayttaja, Kieli } from "@services/api";
 import React, { ReactElement } from "react";
 import capitalize from "lodash/capitalize";
 import replace from "lodash/replace";
-import lowerCase from "lodash/lowerCase";
 import { examineKuulutusPaiva } from "src/util/aloitusKuulutusUtil";
 import FormatDate from "@components/FormatDate";
 import Section from "@components/layout/Section";
 import SectionContent from "@components/layout/SectionContent";
-import IlmoituksenVastaanottajatLukutila from "./IlmoituksenVastaanottajatLukutila";
 import ExtLink from "@components/ExtLink";
-// import { Link } from "@mui/material";
 import useTranslation from "next-translate/useTranslation";
 import { ProjektiLisatiedolla } from "src/hooks/useProjekti";
+import { splitFilePath } from "../../../../util/fileUtil";
+import { Link } from "@mui/material";
+import lowerCase from "lodash/lowerCase";
+import IlmoituksenVastaanottajatLukutila from "./IlmoituksenVastaanottajatLukutila";
+
 interface Props {
   hyvaksymisPaatosVaiheJulkaisu?: HyvaksymisPaatosVaiheJulkaisu | null;
   projekti: ProjektiLisatiedolla;
@@ -19,20 +21,14 @@ interface Props {
 
 export default function HyvaksymisKuulutusLukunakyma({ hyvaksymisPaatosVaiheJulkaisu, projekti }: Props): ReactElement {
   const { t } = useTranslation("common");
-
-  // const getPdft = (kieli: Kieli | undefined | null) => {
-  //   if (!hyvaksymisPaatosJulkaisu || !hyvaksymisPaatosJulkaisu.hyvaksymisPaatosPDFt || !kieli) {
-  //     return undefined;
-  //   }
-  //   return hyvaksymisPaatosVaiheJulkaisu.hyvaksymisPaatosVaihePDFt[kieli];
-  // };
-
-  // const parseFilename = (path: string) => {
-  //   return path.substring(path.lastIndexOf("/") + 1);
-  // };
-
-  // const ensisijaisetPDFt = getPdft(hyvaksymisPaatosVaiheJulkaisu.kielitiedot?.ensisijainenKieli);
-  // const toissijaisetPDFt = getPdft(hyvaksymisPaatosVaiheJulkaisu.kielitiedot?.toissijainenKieli);
+  const getPdft = (kieli: Kieli | undefined | null) => {
+    if (!hyvaksymisPaatosVaiheJulkaisu || !hyvaksymisPaatosVaiheJulkaisu.hyvaksymisPaatosVaihePDFt || !kieli) {
+      return undefined;
+    }
+    return hyvaksymisPaatosVaiheJulkaisu?.hyvaksymisPaatosVaihePDFt[kieli];
+  };
+  const ensisijaisetPDFt = getPdft(hyvaksymisPaatosVaiheJulkaisu?.kielitiedot?.ensisijainenKieli);
+  const toissijaisetPDFt = getPdft(hyvaksymisPaatosVaiheJulkaisu?.kielitiedot?.toissijainenKieli);
 
   if (!hyvaksymisPaatosVaiheJulkaisu || !projekti) {
     return <></>;
@@ -82,9 +78,8 @@ export default function HyvaksymisKuulutusLukunakyma({ hyvaksymisPaatosVaiheJulk
       <Section>
         <h4 className="vayla-label">Muutoksenhaku</h4>
         <p>
-          Päätökseen voi valittamalla hakea muutosta{" "}
-          {t(`hallinto-oikeus-ablatiivi.${hyvaksymisPaatosVaiheJulkaisu.hallintoOikeus}`)} 30 päivän kuluessa päätöksen
-          tiedoksiannosta. Valitusosoituksen tiedosto löytyy Päätös ja sen liitteenä oleva aineisto -välilehdeltä.
+          Päätökseen voi valittamalla hakea muutosta {t(`hallinto-oikeus-ablatiivi.${hyvaksymisPaatosVaiheJulkaisu.hallintoOikeus}`)} 30
+          päivän kuluessa päätöksen tiedoksiannosta. Valitusosoituksen tiedosto löytyy Päätös ja sen liitteenä oleva aineisto -välilehdeltä.
         </p>
       </Section>
       <Section>
@@ -93,33 +88,101 @@ export default function HyvaksymisKuulutusLukunakyma({ hyvaksymisPaatosVaiheJulk
           {hyvaksymisPaatosVaiheJulkaisu.kuulutusYhteystiedot?.map((yhteystieto, index) => (
             <p style={{ margin: 0 }} key={index}>
               {capitalize(yhteystieto.etunimi)} {capitalize(yhteystieto.sukunimi)}, puh. {yhteystieto.puhelinnumero},{" "}
-              {yhteystieto?.sahkoposti ? replace(yhteystieto?.sahkoposti, "@", "[at]") : ""} ({yhteystieto.organisaatio}
-              )
+              {yhteystieto?.sahkoposti ? replace(yhteystieto?.sahkoposti, "@", "[at]") : ""} ({yhteystieto.organisaatio})
             </p>
           ))}
           {vuorovaikutusYhteysHenkilot.map((yhteystieto, index) => (
             <p style={{ margin: 0 }} key={index}>
-              {yhteystieto.nimi}, puh. {yhteystieto.puhelinnumero},{" "}
-              {yhteystieto.email ? replace(yhteystieto.email, "@", "[at]") : ""} ({yhteystieto.organisaatio})
+              {yhteystieto.nimi}, puh. {yhteystieto.puhelinnumero}, {yhteystieto.email ? replace(yhteystieto.email, "@", "[at]") : ""} (
+              {yhteystieto.organisaatio})
             </p>
           ))}
         </SectionContent>
         <SectionContent>
           <p className="vayla-label mb-5">Kuulutus julkisella puolella</p>
-          {!published && (
-            <p>Linkki julkiselle puolelle muodostetaan kuulutuspäivänä. Kuulutuspäivä on {kuulutusPaiva}.</p>
-          )}
+          {!published && <p>Linkki julkiselle puolelle muodostetaan kuulutuspäivänä. Kuulutuspäivä on {kuulutusPaiva}.</p>}
           {published && <ExtLink href={hyvaksymisPaatosVaiheHref}>Kuulutus palvelun julkisella puolella</ExtLink>}
         </SectionContent>
         <SectionContent>
           <p className="vayla-label">Ladattavat kuulutukset ja ilmoitukset</p>
-          <p>
-            Kuulutus ja ilmoitus ensisijaisella kielellä (
-            {lowerCase(hyvaksymisPaatosVaiheJulkaisu.kielitiedot?.ensisijainenKieli)})
-          </p>
+          <p>Kuulutus ja ilmoitus ensisijaisella kielellä ({lowerCase(hyvaksymisPaatosVaiheJulkaisu.kielitiedot?.ensisijainenKieli)})</p>
+          {ensisijaisetPDFt && (
+            <div className="flex flex-col mb-4">
+              <div>
+                <Link underline="none" href={ensisijaisetPDFt.hyvaksymisKuulutusPDFPath} target="_blank">
+                  {splitFilePath(ensisijaisetPDFt.hyvaksymisKuulutusPDFPath).fileName}
+                </Link>
+              </div>
+              <div>
+                <Link underline="none" href={ensisijaisetPDFt.ilmoitusHyvaksymispaatoskuulutuksestaKunnillePDFPath} target="_blank">
+                  {splitFilePath(ensisijaisetPDFt.ilmoitusHyvaksymispaatoskuulutuksestaKunnillePDFPath).fileName}
+                </Link>
+              </div>
+              <div>
+                <Link
+                  underline="none"
+                  href={ensisijaisetPDFt.ilmoitusHyvaksymispaatoskuulutuksestaToiselleViranomaisellePDFPath}
+                  target="_blank"
+                >
+                  {splitFilePath(ensisijaisetPDFt.ilmoitusHyvaksymispaatoskuulutuksestaToiselleViranomaisellePDFPath).fileName}
+                </Link>
+              </div>
+              <div>
+                <Link underline="none" href={ensisijaisetPDFt.hyvaksymisIlmoitusLausunnonantajillePDFPath} target="_blank">
+                  {splitFilePath(ensisijaisetPDFt.hyvaksymisIlmoitusLausunnonantajillePDFPath).fileName}
+                </Link>
+              </div>
+              <div>
+                <Link underline="none" href={ensisijaisetPDFt.hyvaksymisIlmoitusMuistuttajillePDFPath} target="_blank">
+                  {splitFilePath(ensisijaisetPDFt.hyvaksymisIlmoitusMuistuttajillePDFPath).fileName}
+                </Link>
+              </div>
+            </div>
+          )}
+
+          {hyvaksymisPaatosVaiheJulkaisu.kielitiedot?.toissijainenKieli && (
+            <div className="content mb-4">
+              <p>
+                Kuulutus ja ilmoitus toissijaisella kielellä ({lowerCase(hyvaksymisPaatosVaiheJulkaisu.kielitiedot?.toissijainenKieli)})
+              </p>
+              {toissijaisetPDFt && (
+                <div className="flex flex-col">
+                  <div>
+                    <Link underline="none" href={toissijaisetPDFt.hyvaksymisKuulutusPDFPath} target="_blank">
+                      {splitFilePath(toissijaisetPDFt.hyvaksymisKuulutusPDFPath).fileName}
+                    </Link>
+                  </div>
+                  <div>
+                    <Link underline="none" href={toissijaisetPDFt.ilmoitusHyvaksymispaatoskuulutuksestaKunnillePDFPath} target="_blank">
+                      {splitFilePath(toissijaisetPDFt.ilmoitusHyvaksymispaatoskuulutuksestaKunnillePDFPath).fileName}
+                    </Link>
+                  </div>
+                  <div>
+                    <Link
+                      underline="none"
+                      href={toissijaisetPDFt.ilmoitusHyvaksymispaatoskuulutuksestaToiselleViranomaisellePDFPath}
+                      target="_blank"
+                    >
+                      {splitFilePath(toissijaisetPDFt.ilmoitusHyvaksymispaatoskuulutuksestaToiselleViranomaisellePDFPath).fileName}
+                    </Link>
+                  </div>
+                  <div>
+                    <Link underline="none" href={toissijaisetPDFt.hyvaksymisIlmoitusLausunnonantajillePDFPath} target="_blank">
+                      {splitFilePath(toissijaisetPDFt.hyvaksymisIlmoitusLausunnonantajillePDFPath).fileName}
+                    </Link>
+                  </div>
+                  <div>
+                    <Link underline="none" href={toissijaisetPDFt.hyvaksymisIlmoitusMuistuttajillePDFPath} target="_blank">
+                      {splitFilePath(toissijaisetPDFt.hyvaksymisIlmoitusMuistuttajillePDFPath).fileName}
+                    </Link>
+                  </div>
+                </div>
+              )}
+            </div>
+          )}
         </SectionContent>
+        <IlmoituksenVastaanottajatLukutila hyvaksymisPaatosVaiheJulkaisu={hyvaksymisPaatosVaiheJulkaisu} />
       </Section>
-      <IlmoituksenVastaanottajatLukutila hyvaksymisPaatosVaiheJulkaisu={hyvaksymisPaatosVaiheJulkaisu} />
     </>
   );
 }
diff --git a/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/MuutoksenHaku.tsx b/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/MuutoksenHaku.tsx
index 28778e988..879658dd0 100644
--- a/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/MuutoksenHaku.tsx
+++ b/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/MuutoksenHaku.tsx
@@ -43,12 +43,12 @@ export default function MuutoksenHaku({}: Props) {
                 label="Hallinto-oikeus *"
                 options={Object.keys(HallintoOikeus).map((ho) => ({
                   label: ho ? t(`hallinto-oikeus.${ho}`) : "",
-                  value: ho,
+                  value: ho || "",
                 }))}
                 {...register(`hyvaksymisPaatosVaihe.hallintoOikeus`)}
                 error={errors?.hyvaksymisPaatosVaihe?.hallintoOikeus}
                 addEmptyOption
-                value={value}
+                value={value || ""}
                 onChange={(event) => onChange(event.target.value)}
                 {...field}
               />
diff --git a/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/index.tsx b/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/index.tsx
index 88f9040cb..5e30c6e0a 100644
--- a/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/index.tsx
+++ b/src/components/projekti/hyvaksyminen/kuulutuksenTiedot/index.tsx
@@ -105,22 +105,26 @@ export default function KuulutuksenTiedot() {
               <Painikkeet projekti={projekti} />
             </form>
           </FormProvider>
-          <PdfPreviewForm ref={pdfFormRef} />
         </>
       )}
       {!voiMuokata &&
         projekti &&
         projekti.hyvaksymisPaatosVaiheJulkaisut?.[projekti.hyvaksymisPaatosVaiheJulkaisut.length - 1] && (
-          <FormProvider {...useFormReturn}>
-            <Lukunakyma
-              projekti={projekti}
-              hyvaksymisPaatosVaiheJulkaisu={
-                projekti.hyvaksymisPaatosVaiheJulkaisut[projekti.hyvaksymisPaatosVaiheJulkaisut.length - 1]
-              }
-            />
-            <Painikkeet projekti={projekti} />
-          </FormProvider>
+          <>
+            <FormProvider {...useFormReturn}>
+              <form>
+                <Lukunakyma
+                  projekti={projekti}
+                  hyvaksymisPaatosVaiheJulkaisu={
+                    projekti.hyvaksymisPaatosVaiheJulkaisut[projekti.hyvaksymisPaatosVaiheJulkaisut.length - 1]
+                  }
+                />
+                <Painikkeet projekti={projekti} />
+              </form>
+            </FormProvider>
+          </>
         )}
+      <PdfPreviewForm ref={pdfFormRef} />
     </>
   );
 }
diff --git a/src/schemas/hyvaksymispaatosKuulutus.tsx b/src/schemas/hyvaksymispaatosKuulutus.tsx
index ebd980913..37745d1a3 100644
--- a/src/schemas/hyvaksymispaatosKuulutus.tsx
+++ b/src/schemas/hyvaksymispaatosKuulutus.tsx
@@ -19,7 +19,7 @@ export const hyvaksymispaatosKuulutusSchema = Yup.object().shape({
   hyvaksymisPaatosVaihe: Yup.object()
     .required()
     .shape({
-      hallintoOikeus: Yup.string().required("Hallinto-oikeus on valittava"),
+      hallintoOikeus: Yup.string().required("Hallinto-oikeus on annettava"),
       kuulutusYhteystiedot: Yup.array().notRequired().of(yhteystietoSchema),
       kuulutusYhteysHenkilot: Yup.array().notRequired().of(Yup.string()),
       kuulutusPaiva: Yup.string()