diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index fd035cf2..413681d1 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -29,6 +29,7 @@
         "react-bootstrap": "^2.10.1",
         "react-datepicker": "^6.6.0",
         "react-dom": "^18.2.0",
+        "react-helmet-async": "^2.0.4",
         "react-loading-skeleton": "^3.4.0",
         "react-redux": "^9.0.4",
         "react-router-dom": "^6.22.1",
@@ -18356,6 +18357,25 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
       "integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
     },
+    "node_modules/react-fast-compare": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ=="
+    },
+    "node_modules/react-helmet-async": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/react-helmet-async/-/react-helmet-async-2.0.4.tgz",
+      "integrity": "sha512-yxjQMWposw+akRfvpl5+8xejl4JtUlHnEBcji6u8/e6oc7ozT+P9PNTWMhCbz2y9tc5zPegw2BvKjQA+NwdEjQ==",
+      "dependencies": {
+        "invariant": "^2.2.4",
+        "react-fast-compare": "^3.2.2",
+        "shallowequal": "^1.1.0"
+      },
+      "peerDependencies": {
+        "react": "^16.6.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -19481,6 +19501,11 @@
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
     },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index abf25955..0a3163ad 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -24,6 +24,7 @@
     "react-bootstrap": "^2.10.1",
     "react-datepicker": "^6.6.0",
     "react-dom": "^18.2.0",
+    "react-helmet-async": "^2.0.4",
     "react-loading-skeleton": "^3.4.0",
     "react-redux": "^9.0.4",
     "react-router-dom": "^6.22.1",
diff --git a/frontend/src/app/content/pages/ManageTemplatesPage.tsx b/frontend/src/app/content/pages/ManageTemplatesPage.tsx
index d79b7c28..478c8c53 100644
--- a/frontend/src/app/content/pages/ManageTemplatesPage.tsx
+++ b/frontend/src/app/content/pages/ManageTemplatesPage.tsx
@@ -5,6 +5,7 @@ import { DocType } from '../../types/types';
 import UploadTemplateModal from '../../components/modal/manage-templates/UploadTemplateModal';
 import RemoveTemplateModal from '../../components/modal/manage-templates/RemoveTemplateModal';
 import { getDocumentTypes } from '../../common/report';
+import { Helmet } from 'react-helmet-async';
 
 const ManageTemplatesPage: FC = () => {
   const [showUploadModal, setShowUploadModal] = useState<boolean>(false);
@@ -50,6 +51,14 @@ const ManageTemplatesPage: FC = () => {
 
   return (
     <>
+      <Helmet>
+        <meta
+          httpEquiv="Content-Security-Policy"
+          content={`
+        frame-src https://*.gov.bc.ca blob:;
+      `}
+        ></meta>
+      </Helmet>
       <h1>Manage Templates</h1>
       <hr />
       <div className="col-md-3">
@@ -61,7 +70,8 @@ const ManageTemplatesPage: FC = () => {
             id="reportTypes"
             style={{ minWidth: '200px' }}
             className="border border-1 rounded pl-2 ml-4"
-            onChange={selectedDocTypeHandler}>
+            onChange={selectedDocTypeHandler}
+          >
             {allDocTypes.map((docType) => (
               <option key={docType.id} value={docType.id}>
                 {docType.name}
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index 0e21a10a..f3468b03 100644
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -5,6 +5,7 @@ import App from './app/App';
 import './app/App.css';
 import reportWebVitals from './reportWebVitals';
 import UserService from './app/service/user-service';
+import { HelmetProvider } from 'react-helmet-async';
 
 const container = document.getElementById('root')!;
 const root = createRoot(container);
@@ -12,7 +13,9 @@ const root = createRoot(container);
 const onAuthenticatedCallback = () =>
   root.render(
     <StrictMode>
-      <App />
+      <HelmetProvider>
+        <App />
+      </HelmetProvider>
     </StrictMode>
   );