diff --git a/maintenance/src/assets/css/fonts/BCSans-Bold.woff b/maintenance/src/assets/css/fonts/BCSans-Bold.woff
new file mode 100644
index 000000000..0e2f8e3bd
Binary files /dev/null and b/maintenance/src/assets/css/fonts/BCSans-Bold.woff differ
diff --git a/maintenance/src/assets/css/fonts/BCSans-Bold.woff2 b/maintenance/src/assets/css/fonts/BCSans-Bold.woff2
new file mode 100644
index 000000000..3db78138f
Binary files /dev/null and b/maintenance/src/assets/css/fonts/BCSans-Bold.woff2 differ
diff --git a/maintenance/src/assets/css/styles.css b/maintenance/src/assets/css/styles.css
index 93593364f..f7f884527 100644
--- a/maintenance/src/assets/css/styles.css
+++ b/maintenance/src/assets/css/styles.css
@@ -1,185 +1,717 @@
-@font-face {
-  font-family: "BCSans";
-  font-style: normal;
-  font-weight: 400;
-  src: url("./fonts/BCSans-Regular.woff2") format("woff2"),
-    url("./fonts/BCSans-Regular.woff") format("woff");
+.mainTitle {
+  font-size: 1.2rem;
 }
 
-html,
-body {
-  padding: 0px;
-  margin: 0px;
+a {
+  text-decoration: none;
 }
 
-* {
-  font-family: "BCSans", "Noto Sans", Verdana, Arial, sans-serif;
+.logo {
+  padding-right: 30px;
 }
 
-a {
-  color: #1976d2;
-  text-decoration: underline;
-  font-size: 14px;
+@media screen and (max-width: 801px) {
+  .logo {
+    width: 100px;
+  }
 
-  &.title {
-    text-decoration: none;
+  .mainTitle {
+    font-size: 1rem;
   }
 }
 
-a:hover {
-  cursor: pointer;
+a[data-v-43dec5c7] {
+  color: #201f1e;
+  text-decoration: underline !important;
+}
+
+.v-footer[data-v-43dec5c7] {
+  flex-direction: column;
+  min-width: 100%;
+  font-size: 14px;
+  z-index: 0 !important;
+  padding: 0 !important;
 }
 
-.toolbar {
+.v-footer .first-nation-acknowledgement[data-v-43dec5c7] {
+  background-color: #292929;
   display: flex;
-  padding-left: 40px;
   flex-direction: row;
-  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
-    0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
-    0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  align-items: center;
+  justify-content: center;
+  padding: 16px 0;
+  color: #fff;
+  font-size: 14px;
+  line-height: 21px;
+  transition: none !important;
+  width: 100%;
+  margin-bottom: 16px;
+  border-top: 4px solid rgb(252, 186, 25) !important;
+  border-bottom: 4px solid rgb(252, 186, 25) !important;
+  overflow: hidden;
 }
 
-.toolbar .toolbar-title {
-  padding-left: 15px;
+.more-info[data-v-43dec5c7] {
+  flex: 0 0 auto;
 }
 
-.mainTitle {
-  font-size: 1.2rem;
-  color: rgb(32, 31, 30);
+.more-info ul[data-v-43dec5c7] {
+  list-style-type: none;
+  columns: 2;
+  margin: 0 0 16px;
+  gap: 48px;
 }
 
-/* container */
-@media (min-width: 1920px) {
-  .container {
-    max-width: 1800px;
+.more-info ul li[data-v-43dec5c7] {
+  margin-bottom: 16px;
+  width: 160px;
+}
+
+@media (max-width: 1280px) {
+  .more-info ul li[data-v-43dec5c7] {
+    width: unset;
   }
 }
-@media (min-width: 1280px) {
-  .container {
-    max-width: 1200px;
+
+.contact[data-v-43dec5c7] {
+  flex: 0 0 50%;
+}
+
+@keyframes w50-1aded3d5 {
+  0% {
+    width: 0%;
+  }
+
+  to {
+    width: 50%;
   }
 }
-@media (min-width: 960px) {
-  .container {
-    max-width: 900px;
+
+@keyframes w100-1aded3d5 {
+  0% {
+    width: 0%;
+  }
+
+  to {
+    width: 100%;
   }
 }
-.container {
-  margin-right: auto;
-  margin-left: auto;
-  padding: 16px;
+
+.v-application {
+  display: flex;
+  background: rgb(var(--v-theme-background));
+  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
 }
 
-/* margin and padding */
-.my-3 {
-  margin-top: 12px;
-  margin-bottom: 12px;
+.v-application__wrap {
+  backface-visibility: hidden;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  max-width: 100%;
+  min-height: 100vh;
+  min-height: 100dvh;
+  position: relative;
 }
-.px-3 {
-  padding-left: 12px;
-  padding-right: 12px;
+
+.v-app-bar {
+  display: flex;
 }
-.pt-3 {
-  padding-top: 12px;
+
+.v-app-bar.v-toolbar {
+  background: rgb(var(--v-theme-surface));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
 }
-.pb-3 {
-  padding-bottom: 12px;
+
+.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
+  box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
+    0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
+    0 1px 10px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
 }
 
-/* display */
-.d-flex {
-  display: flex;
+.v-app-bar:not(.v-toolbar--absolute) {
+  padding-inline-end: var(--v-scrollbar-offset);
 }
-.d-flex-col {
+
+.v-toolbar {
+  align-items: flex-start;
+  display: flex;
+  flex: none;
   flex-direction: column;
+  justify-content: space-between;
+  max-width: 100%;
+  position: relative;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition-property: height, width, transform, max-width, left, right, top,
+    bottom, box-shadow;
+  width: 100%;
+  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  border-style: solid;
+  border-width: 0;
+  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
+    0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
+    0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  border-radius: 0;
+  background: rgb(var(--v-theme-surface-light));
+  color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
 }
 
-/* placement */
-.justify-center {
-  justify-content: center;
+.v-toolbar--absolute {
+  position: absolute;
 }
 
-/* sizing */
-.w-100 {
+.v-toolbar__content {
+  align-items: center;
+  display: flex;
+  flex: 0 0 auto;
+  position: relative;
+  transition: inherit;
   width: 100%;
 }
-.w-50 {
-  width: 50%;
+
+.v-toolbar__content {
+  overflow: hidden;
 }
 
-/* grid */
-.row {
-  display: flex;
-  flex-direction: row;
+.v-toolbar__content > .v-toolbar-title {
+  margin-inline-start: 16px;
+}
+
+.v-toolbar-title {
+  flex: 1 1;
+  min-width: 0;
+  font-size: 1.25rem;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 1.75rem;
+  text-transform: none;
+}
+
+.v-toolbar-title__placeholder {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@keyframes progress-circular-dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0px;
+  }
+
+  50% {
+    stroke-dasharray: 100, 200;
+    stroke-dashoffset: -15px;
+  }
+
+  to {
+    stroke-dasharray: 100, 200;
+    stroke-dashoffset: -124px;
+  }
+}
+
+@keyframes progress-circular-rotate {
+  to {
+    transform: rotate(270deg);
+  }
+}
+
+@keyframes indeterminate-ltr {
+  0% {
+    left: -90%;
+    right: 100%;
+  }
+
+  60% {
+    left: -90%;
+    right: 100%;
+  }
+
+  to {
+    left: 100%;
+    right: -35%;
+  }
+}
+
+@keyframes indeterminate-rtl {
+  0% {
+    left: 100%;
+    right: -90%;
+  }
+
+  60% {
+    left: 100%;
+    right: -90%;
+  }
+
+  to {
+    left: -35%;
+    right: 100%;
+  }
+}
+
+@keyframes indeterminate-short-ltr {
+  0% {
+    left: -200%;
+    right: 100%;
+  }
+
+  60% {
+    left: 107%;
+    right: -8%;
+  }
+
+  to {
+    left: 107%;
+    right: -8%;
+  }
+}
+
+@keyframes indeterminate-short-rtl {
+  0% {
+    left: 100%;
+    right: -200%;
+  }
+
+  60% {
+    left: -8%;
+    right: 107%;
+  }
+
+  to {
+    left: -8%;
+    right: 107%;
+  }
 }
-.col {
+
+@keyframes stream {
+  to {
+    transform: translate(var(--v-progress-linear-stream-to));
+  }
+}
+
+@keyframes progress-linear-stripes {
+  0% {
+    background-position-x: var(--v-progress-linear-height);
+  }
 }
 
-/* alerts */
-.alert {
+.v-alert {
+  display: grid;
+  flex: 1 1;
+  grid-template-areas: "prepend content append close" ". content . .";
+  grid-template-columns: max-content auto max-content max-content;
+  position: relative;
   padding: 16px;
+  overflow: hidden;
+  --v-border-color: currentColor;
   border-radius: 4px;
 }
-.alert-error {
-  color: #712024;
-  background-color: #f7d8da !important;
-  border-color: #eeaaad !important;
+
+
+.v-alert--variant-outlined {
+  background: transparent;
+  color: inherit;
 }
 
-/* footer */
-footer .first-nation-acknowledgement {
-  background-color: #292929;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  padding: 32px;
-  color: #fff;
-  font-size: 14px;
-  line-height: 21px;
-  transition: none !important;
-  border-top: 4px solid rgb(252, 186, 25) !important;
-  border-bottom: 4px solid rgb(252, 186, 25) !important;
+.v-alert--variant-outlined {
+  border: thin solid currentColor;
+}
+
+.v-alert--density-default {
+  padding-bottom: 16px;
+  padding-top: 16px;
+}
+
+.v-alert__content {
+  align-self: center;
+  grid-area: content;
   overflow: hidden;
 }
-footer .first-nation-acknowledgement div {
-  max-width: 1120px;
-  margin: auto;
+
+.v-alert__underlay {
+  grid-area: none;
+  position: absolute;
+}
+
+.v-container {
+  width: 100%;
+  padding: 16px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 960px) {
+  .v-container {
+    max-width: 900px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .v-container {
+    max-width: 1200px;
+  }
+}
+
+@media (min-width: 1920px) {
+  .v-container {
+    max-width: 1800px;
+  }
 }
-footer .more-info {
+
+@media (min-width: 2560px) {
+  .v-container {
+    max-width: 2400px;
+  }
+}
+
+.v-row {
   display: flex;
-  flex-direction: column;
-  font-size: 14px;
+  flex-wrap: wrap;
+  flex: 1 1 auto;
+  margin: -12px;
+}
+
+.v-row + .v-row {
+  margin-top: 12px;
+}
+
+.v-spacer {
+  flex-grow: 1;
+}
+
+
+.v-col,
+.v-col-8 {
+  width: 100%;
+  padding: 12px;
+}
+
+.v-col {
+  flex-basis: 0;
+  flex-grow: 1;
+  max-width: 100%;
+}
+
+.v-col-8 {
+  flex: 0 0 66.6666666667%;
+  max-width: 66.6666666667%;
+}
+
+.v-footer {
   align-items: center;
-  justify-content: center;
-  padding-top: 50px;
-  padding-left: 16px;
-  padding-right: 15px;
-  padding-bottom: 8px;
+  display: flex;
+  flex: 1 1 auto;
+  padding: 8px 16px;
+  position: relative;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition-property: height, width, transform, max-width, left, right, top,
+    bottom;
+  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  border-style: solid;
+  border-width: 0;
+  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
+    0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
+    0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  border-radius: 0;
+  background: rgb(var(--v-theme-surface));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+
+.v-layout {
+  --v-scrollbar-offset: 0px;
+  display: flex;
+  flex: 1 1 auto;
+}
+
+.v-layout--full-height {
+  --v-scrollbar-offset: inherit;
+  height: 100%;
+}
+
+.v-main {
+  flex: 1 0 auto;
+  max-width: 100%;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  padding-left: var(--v-layout-left);
+  padding-right: var(--v-layout-right);
+  padding-top: var(--v-layout-top);
+  padding-bottom: var(--v-layout-bottom);
+}
+
+@keyframes loading {
+  to {
+    transform: translate(100%);
+  }
+}
+
+@font-face {
+  font-family: BCSans;
+  font-style: normal;
+  font-weight: 400;
+  src: url(/assets/css/fonts/BCSans-Regular.woff2) format("woff2"),
+    url(/assets/css/fonts/BCSans-Regular.woff) format("woff");
+}
+
+@font-face {
+  font-family: BCSans;
+  font-style: italic;
+  font-weight: 400;
+  src: url(/assets/css/fonts/BCSans-Italic.woff2) format("woff2"),
+    url(/assets/css/fonts/BCSans-Italic.woff) format("woff");
 }
-footer .more-info-title {
+
+@font-face {
+  font-family: BCSans;
+  font-style: normal;
   font-weight: 700;
+  src: url(/assets/css/fonts/BCSans-Bold.woff2) format("woff2"),
+    url(/assets/css/fonts/BCSans-Bold.woff) format("woff");
 }
-a.contact-email {
-  color: #201f1e;
-  text-decoration: underline;
+
+@font-face {
+  font-family: BCSans;
+  font-style: italic;
+  font-weight: 700;
+  src: url(/assets/css/fonts/BCSans-BoldItalic.woff2) format("woff2"),
+    url(/assets/css/fonts/BCSans-BoldItalic.woff) format("woff");
 }
-.footer-btn {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: start;
-  min-height: 40px !important;
-  padding: 4px;
-  color: #464341;
-  font-size: 14px !important;
+
+@font-face {
+  font-family: BCSans;
+  font-style: normal;
+  font-weight: 300;
+  src: url(/assets/css/fonts/BCSans-Light.woff2) format("woff2"),
+    url(/assets/css/fonts/BCSans-Light.woff) format("woff");
 }
-.footer-btn:hover {
-  background-color: #eeeeee;
+
+@font-face {
+  font-family: BCSans;
+  font-style: italic;
+  font-weight: 300;
+  src: url(/assets/css/fonts/BCSans-LightItalic.woff2) format("woff2"),
+    url(/assets/css/fonts/BCSans-LightItalic.woff) format("woff");
 }
-.footer-btn .footer-btn-label {
-  width: 100%;
+
+a {
+  color: #255a90;
 }
-.footer-btn .footer-btn-label:hover {
-  text-decoration: underline;
+
+.v-container {
+  width: 85%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+a:hover {
+  cursor: pointer;
+}
+
+.v-application {
+  font-family: BCSans, Noto Sans, Verdana, Arial, sans-serif !important;
+}
+
+.v-alert {
+  color: #2d2d2d;
+}
+
+.v-alert.alert-error {
+  background-color: #f4e1e2 !important;
+  border-color: #ce3e39 !important;
+}
+
+@media screen and (max-width: 370px) {
+
+  .v-application {
+    line-height: 1.3;
+  }
+}
+
+@media screen and (min-width: 371px) and (max-width: 600px) {
+
+  .v-application {
+    line-height: 1.3;
+  }
+}
+
+@keyframes v-shake {
+  59% {
+    margin-left: 0;
+  }
+
+  60%,
+  80% {
+    margin-left: 2px;
+  }
+
+  70%,
+  90% {
+    margin-left: -2px;
+  }
+}
+
+/*!
+ * ress.css • v2.0.4
+ * MIT License
+ * github.com/filipelinhares/ress
+ */
+html {
+  box-sizing: border-box;
+  overflow-y: scroll;
+  -webkit-text-size-adjust: 100%;
+  word-break: normal;
+  -moz-tab-size: 4;
+  tab-size: 4;
+}
+
+*,
+:before,
+:after {
+  background-repeat: no-repeat;
+  box-sizing: inherit;
+}
+
+:before,
+:after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+* {
+  padding: 0;
+  margin: 0;
+}
+
+
+main {
+  display: block;
+}
+
+a {
+  background-color: transparent;
+}
+
+a:active,
+a:hover {
+  outline-width: 0;
+}
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  color: inherit;
+  font: inherit;
+}
+
+::-ms-clear,
+::-ms-reveal {
+  display: none;
+}
+
+img {
+  border-style: none;
+}
+
+.v-locale--is-ltr {
+  direction: ltr;
+}
+
+html {
+  font-family: Roboto, sans-serif;
+  line-height: 1.5;
+  font-size: 1rem;
+  overflow-x: hidden;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+:root {
+  --v-theme-overlay-multiplier: 1;
+  --v-scrollbar-offset: 0px;
+}
+
+@supports (-webkit-touch-callout: none) {
+  body {
+    cursor: pointer;
+  }
+}
+
+.d-flex {
+  display: flex !important;
+}
+
+.justify-center {
+  justify-content: center !important;
+}
+
+.justify-space-between {
+  justify-content: space-between !important;
+}
+
+.align-start {
+  align-items: flex-start !important;
+}
+
+.align-center {
+  align-items: center !important;
+}
+
+.mt-4 {
+  margin-top: 16px !important;
+}
+
+.mt-6 {
+  margin-top: 24px !important;
+}
+
+.mb-4 {
+  margin-bottom: 16px !important;
+}
+
+.mb-10 {
+  margin-bottom: 40px !important;
+}
+
+.pr-1 {
+  padding-right: 4px !important;
+}
+
+.pl-1 {
+  padding-left: 4px !important;
+}
+
+.font-weight-bold {
+  font-weight: 700 !important;
+}
+
+@media (min-width: 600px) {
+
+  .d-sm-flex {
+    display: flex !important;
+  }
+
+  .mt-sm-4 {
+    margin-top: 16px !important;
+  }
+}
+
+/*!
+* Viewer.js v1.11.6
+* https://fengyuanchen.github.io/viewerjs
+*
+* Copyright 2015-present Chen Fengyuan
+* Released under the MIT license
+*
+* Date: 2023-09-17T03:16:35.830Z
+*/
+
+@keyframes viewer-spinner {
+  0% {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/maintenance/src/assets/images/bc-gov-logo-light.png b/maintenance/src/assets/images/bc-gov-logo-light.png
index ebde8bbbd..192ff2e2a 100644
Binary files a/maintenance/src/assets/images/bc-gov-logo-light.png and b/maintenance/src/assets/images/bc-gov-logo-light.png differ
diff --git a/maintenance/src/index.html b/maintenance/src/index.html
index 0bdbc0797..ce39db62f 100644
--- a/maintenance/src/index.html
+++ b/maintenance/src/index.html
@@ -1,102 +1,221 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="Description" content="BC Ministry of Finance" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="theme-color" content="#003366" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="apple-touch-icon" href="bcid-apple-touch-icon.png" />
+    <link rel="stylesheet" href="/assets/css/styles.css" />
+    <title>FIN Pay Transparency</title>
+  </head>
+  <body>
+    <div id="app" data-v-app="">
+      <div
+        class="v-application v-theme--myCustomLightTheme v-layout v-layout--full-height v-locale--is-ltr"
+        id="app"
+      >
+        <div class="v-application__wrap">
+          <header
+            class="v-toolbar v-toolbar--absolute v-toolbar--density-default v-theme--myCustomLightTheme v-locale--is-ltr v-app-bar"
+            style="
+              top: 0px;
+              z-index: 1002;
+              transform: translateY(0px);
+              position: absolute;
+              left: 0px;
+              width: calc(100% + 0px);
+            "
+          >
+            <div class="v-toolbar__content" style="height: 64px">
+              <div class="v-container v-locale--is-ltr d-flex">
+                <a tabindex="-1" href="/" class="d-flex align-center"
+                  ><img
+                    tabindex="-1"
+                    src="/assets/images/bc-gov-logo-light.png"
+                    width="155"
+                    class="logo"
+                    alt="B.C. Government Logo"
+                  />
+                  <div class="v-toolbar-title">
+                    <div class="v-toolbar-title__placeholder">
+                      <h3
+                        data-testid="header-title"
+                        class="mainTitle"
+                        style="color: rgb(32, 31, 30)"
+                      >
+                        Pay Transparency Reporting
+                      </h3>
+                    </div>
+                  </div></a
+                >
+                <div class="v-spacer"></div>
+              </div>
+            </div>
+          </header>
+          <div></div>
 
-<head>
-  <meta charset="utf-8">
-  <meta name='Description' content='BC Ministry of Finance'>
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="theme-color" content="#003366">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="apple-touch-icon" href="bcid-apple-touch-icon.png">
-  <link rel="stylesheet" href="/assets/css/styles.css">
-  <title>FIN Pay Transparency</title>
-</head>
-
-<body>
-  <div class="header">
-    <div class="toolbar" style="height: 64px;">
-      <a tabindex="-1" href="/" class="d-flex title">
-        <img tabindex="-1" src="/assets/images/bc-gov-logo-light.png" width="155" class="logo"
-          alt="B.C. Government Logo">
-        <div class="toolbar-title">
-          <h3 data-testid="header-title" class="mainTitle">Pay Transparency Reporting
-          </h3>
-        </div>
-      </a>
-      <div class="v-spacer"></div>
-      <div class="v-toolbar__append"></div>
-    </div>
-  </div>
-  <div class="content container my-3 d-flex justify-center">
-    <div class="alert alert-error">Application is under maintenance. Please check back later.</div>
-  </div>
-
-  <footer style="bottom: 0px; z-index: 1004; transform: translateY(0%); position: absolute; left: 0px; width: calc(100% +
-      0px);">
-    <div class="first-nation-acknowledgement">
-      <div> The B.C. Public Service acknowledges the territories of First Nations around B.C. and is grateful to carry
-        out
-        our work on these lands. We acknowledge the rights, interests, priorities, and concerns of all Indigenous
-        Peoples
-        -
-        First Nations, Métis, and Inuit - respecting and acknowledging their distinct cultures, histories, rights, laws,
-        and
-        governments. </div>
-    </div>
-
-    <div class="more-info">
-      <div class="row">
-        <div class="col w-50 px-3" style="text-align: left;">
-          <div class="row pb-3">
-            <div class="col" style="text-align: left;"><img tabindex="-1" src="/assets/images/bc-gov-logo-light.png"
-                width="155" class="logo" alt="B.C. Government Logo"></div>
-          </div>
-          <div class="row pt-3">
-            <div class="col" data-testid="footer-message" style="text-align: left;"> For questions or
-              assistance with creating a report please contact the Pay Transparency Unit - <a class="contact-email"
-                href="mailto:paytransparency@gov.bc.ca"> PayTransparency@gov.bc.ca </a></div>
-          </div>
-        </div>
-        <div class="col w-50 px-3">
-          <div class="more-info-title">MORE INFO</div>
-          <div class="row w-100">
-            <div class="col w-50 d-flex d-flex-col px-1" style="text-align: left;">
-              <a class="footer-btn" href="https://www.gov.bc.ca/" tabindex="-2" data-testid="footer-link-home">
-                <div class="footer-btn-label">Home</div>
-              </a>
-              <a class="footer-btn" href="https://www2.gov.bc.ca/gov/content/about-gov-bc-ca" tabindex="-2"
-                data-testid="footer-link-about">
-                <div class="footer-btn-label">About gov.bc.ca</div>
-              </a>
-              <a class="footer-btn" href="https://www.gov.bc.ca/disclaimer" tabindex="-2"
-                data-testid="footer-link-disclaimer">
-                <div class="footer-btn-label">Disclaimer</div>
-              </a>
-              <a class="footer-btn" href="https://www.gov.bc.ca/privacy" tabindex="-2"
-                data-testid="footer-link-privacy">
-                <div class="footer-btn-label">Privacy</div>
-              </a>
-
+          <main
+            class="v-main align-start"
+            fluid=""
+            style="
+              --v-layout-left: 0px;
+              --v-layout-right: 0px;
+              --v-layout-top: 64px;
+              --v-layout-bottom: 405px;
+            "
+          >
+            <div class="v-container v-locale--is-ltr">
+              <div class="v-row align-center justify-center">
+                <div class="v-col-8">
+                  <div
+                    class="v-alert v-theme--myCustomLightTheme v-alert--density-default v-alert--variant-outlined alert-error mb-10"
+                    role="alert"
+                    dense=""
+                  >
+                    <span class="v-alert__underlay"></span>
+                    <div class="v-alert__content">
+                      Application is under maintenance. Please check back later.
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+          <footer
+            data-v-43dec5c7=""
+            class="v-footer v-theme--myCustomLightTheme margin-top"
+            dark=""
+            style="
+              background-color: rgb(255, 255, 255);
+              color: rgb(0, 0, 0);
+              caret-color: rgb(0, 0, 0);
+              bottom: 0px;
+              z-index: 1004;
+              transform: translateY(0px);
+              position: absolute;
+              left: 0px;
+              width: calc(100% + 0px);
+            "
+          >
+            <div data-v-43dec5c7="" class="first-nation-acknowledgement">
+              <div data-v-43dec5c7="" class="v-container v-locale--is-ltr">
+                <div data-v-43dec5c7="" class="v-row">
+                  <div data-v-43dec5c7="" class="v-col">
+                    The B.C. Public Service acknowledges the territories of
+                    First Nations around B.C. and is grateful to carry out our
+                    work on these lands. We acknowledge the rights, interests,
+                    priorities, and concerns of all Indigenous Peoples - First
+                    Nations, Métis, and Inuit - respecting and acknowledging
+                    their distinct cultures, histories, rights, laws, and
+                    governments.
+                  </div>
+                </div>
+              </div>
             </div>
-            <div class="col w-50 d-flex d-flex-col px-3" style="text-align: left;">
-              <a class="footer-btn" href="https://www.gov.bc.ca/webaccessibility" tabindex="-2"
-                data-testid="footer-link-accessibility">
-                <div class="footer-btn-label">Accessibility</div>
-              </a>
-              <a class="footer-btn" href="https://www.gov.bc.ca/copyright" tabindex="-2"
-                data-testid="footer-link-copyright">
-                <div class="footer-btn-label">Copyright</div>
-              </a>
-              <a class="footer-btn" href="https://www2.gov.bc.ca/gov/content/home/contact-us" tabindex="-2"
-                data-testid="footer-link-contact-us">
-                <div class="footer-btn-label">Contact Us</div>
-              </a>
+            <div data-v-43dec5c7="" class="v-container v-locale--is-ltr">
+              <div data-v-43dec5c7="" class="v-row">
+                <div
+                  data-v-43dec5c7=""
+                  class="v-col d-sm-flex justify-space-between"
+                >
+                  <div data-v-43dec5c7="" class="contact">
+                    <img
+                      data-v-43dec5c7=""
+                      tabindex="-1"
+                      src="/assets/images/bc-gov-logo-light.png"
+                      width="155"
+                      alt="B.C. Government Logo"
+                    />
+                    <p
+                      data-v-43dec5c7=""
+                      class="mt-4"
+                      data-testid="footer-message"
+                    >
+                      For questions or assistance with creating a report please
+                      contact the Pay Transparency Unit -
+                      <a
+                        data-v-43dec5c7=""
+                        class="contact-email"
+                        href="mailto:paytransparency@gov.bc.ca"
+                      >
+                        PayTransparency@gov.bc.ca
+                      </a>
+                    </p>
+                  </div>
+                  <div data-v-43dec5c7="" class="more-info">
+                    <p
+                      data-v-43dec5c7=""
+                      class="font-weight-bold mb-4 mt-6 mt-sm-4"
+                    >
+                      MORE INFO
+                    </p>
+                    <ul data-v-43dec5c7="">
+                      <li data-v-43dec5c7="" class="footer-btn pl-1 pr-1">
+                        <a
+                          data-v-43dec5c7=""
+                          href="https://www.gov.bc.ca/"
+                          data-testid="footer-link-home"
+                          >Home</a
+                        >
+                      </li>
+                      <li data-v-43dec5c7="" class="footer-btn pl-1 pr-1">
+                        <a
+                          data-v-43dec5c7=""
+                          href="https://www2.gov.bc.ca/gov/content/about-gov-bc-ca"
+                          data-testid="footer-link-about"
+                          >About gov.bc.ca</a
+                        >
+                      </li>
+                      <li data-v-43dec5c7="" class="footer-btn pl-1 pr-1">
+                        <a
+                          data-v-43dec5c7=""
+                          href="https://www.gov.bc.ca/disclaimer"
+                          data-testid="footer-link-disclaimer"
+                          >Disclaimer</a
+                        >
+                      </li>
+                      <li data-v-43dec5c7="" class="footer-btn pl-1 pr-1">
+                        <a
+                          data-v-43dec5c7=""
+                          href="https://www.gov.bc.ca/privacy"
+                          data-testid="footer-link-privacy"
+                          >Privacy</a
+                        >
+                      </li>
+                      <li data-v-43dec5c7="" class="footer-btn pl-1 pr-1">
+                        <a
+                          data-v-43dec5c7=""
+                          href="https://www.gov.bc.ca/webaccessibility"
+                          data-testid="footer-link-accessibility"
+                          >Accessibility</a
+                        >
+                      </li>
+                      <li data-v-43dec5c7="" class="footer-btn pl-1 pr-1">
+                        <a
+                          data-v-43dec5c7=""
+                          href="https://www.gov.bc.ca/copyright"
+                          data-testid="footer-link-copyright"
+                          >Copyright</a
+                        >
+                      </li>
+                      <li data-v-43dec5c7="" class="footer-btn pl-1 pr-1">
+                        <a
+                          data-v-43dec5c7=""
+                          href="https://www2.gov.bc.ca/gov/content/home/contact-us"
+                          data-testid="footer-link-contact-us"
+                          >Contact Us</a
+                        >
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
             </div>
-          </div>
+          </footer>
         </div>
       </div>
-  </footer>
-
-</body>
-
-</html>
\ No newline at end of file
+    </div>
+  </body>
+</html>