diff --git a/apps/portal/src/components/questions/QuestionAggregateBadge.tsx b/apps/portal/src/components/questions/QuestionAggregateBadge.tsx
index 25f7afef..6192dfb5 100644
--- a/apps/portal/src/components/questions/QuestionAggregateBadge.tsx
+++ b/apps/portal/src/components/questions/QuestionAggregateBadge.tsx
@@ -67,7 +67,7 @@ export default function QuestionAggregateBadge({
                 <li
                   key={key}
                   className="flex justify-between gap-x-4 rtl:flex-row-reverse">
-                  <span className="flex text-start font-bold">{key}</span>
+                  <span className="flex text-start font-semibold">{key}</span>
                   <span className="float-end">{value}</span>
                 </li>
               ))}
diff --git a/apps/portal/src/pages/questions/[questionId]/[questionSlug]/answer/[answerId]/[answerSlug]/index.tsx b/apps/portal/src/pages/questions/[questionId]/[questionSlug]/answer/[answerId]/[answerSlug]/index.tsx
index 2b69b33f..bf136197 100644
--- a/apps/portal/src/pages/questions/[questionId]/[questionSlug]/answer/[answerId]/[answerSlug]/index.tsx
+++ b/apps/portal/src/pages/questions/[questionId]/[questionSlug]/answer/[answerId]/[answerSlug]/index.tsx
@@ -1,3 +1,4 @@
+import Head from 'next/head';
 import { useRouter } from 'next/router';
 import { useForm } from 'react-hook-form';
 import { ArrowSmallLeftIcon } from '@heroicons/react/24/outline';
@@ -7,6 +8,7 @@ import AnswerCommentListItem from '~/components/questions/AnswerCommentListItem'
 import FullAnswerCard from '~/components/questions/card/FullAnswerCard';
 import FullScreenSpinner from '~/components/questions/FullScreenSpinner';
 
+import { APP_TITLE } from '~/utils/questions/constants';
 import { useFormRegister } from '~/utils/questions/useFormRegister';
 import { trpc } from '~/utils/trpc';
 
@@ -64,91 +66,98 @@ export default function QuestionPage() {
   }
 
   return (
-    <div className="flex w-full flex-1 items-stretch pb-4">
-      <div className="flex items-baseline gap-2 py-4 pl-4">
-        <Button
-          addonPosition="start"
-          display="inline"
-          href={`/questions/${router.query.questionId}/${router.query.questionSlug}`}
-          icon={ArrowSmallLeftIcon}
-          label="Back"
-          variant="secondary"
-        />
-      </div>
-      <div className="flex w-full  justify-center overflow-y-auto py-4 px-5">
-        <div className="flex max-w-7xl flex-1 flex-col gap-2">
-          <FullAnswerCard
-            answerId={answer.id}
-            authorImageUrl={answer.userImage}
-            authorName={answer.user}
-            content={answer.content}
-            createdAt={answer.createdAt}
-            upvoteCount={answer.numVotes}
+    <>
+      <Head>
+        <title>
+          {answer.content} - {APP_TITLE}
+        </title>
+      </Head>
+      <div className="flex w-full flex-1 items-stretch pb-4">
+        <div className="flex items-baseline gap-2 py-4 pl-4">
+          <Button
+            addonPosition="start"
+            display="inline"
+            href={`/questions/${router.query.questionId}/${router.query.questionSlug}`}
+            icon={ArrowSmallLeftIcon}
+            label="Back"
+            variant="secondary"
           />
-          <div className="mx-2">
-            <form
-              className="mb-2"
-              onSubmit={handleCommentSubmit(handleSubmitComment)}>
-              <TextArea
-                {...commentRegister('commentContent', {
-                  minLength: 1,
-                  required: true,
-                })}
-                label="Post a comment"
-                required={true}
-                resize="vertical"
-                rows={2}
-              />
-              <div className="my-3 flex justify-between">
-                <div className="flex items-baseline gap-2">
-                  <span aria-hidden={true} className="text-sm">
-                    Sort by:
-                  </span>
-                  <Select
-                    display="inline"
-                    isLabelHidden={true}
-                    label="Sort by"
-                    options={[
-                      {
-                        label: 'Most recent',
-                        value: 'most-recent',
-                      },
-                      {
-                        label: 'Most upvotes',
-                        value: 'most-upvotes',
-                      },
-                    ]}
-                    value="most-recent"
-                    onChange={(value) => {
-                      // eslint-disable-next-line no-console
-                      console.log(value);
-                    }}
+        </div>
+        <div className="flex w-full  justify-center overflow-y-auto py-4 px-5">
+          <div className="flex max-w-7xl flex-1 flex-col gap-2">
+            <FullAnswerCard
+              answerId={answer.id}
+              authorImageUrl={answer.userImage}
+              authorName={answer.user}
+              content={answer.content}
+              createdAt={answer.createdAt}
+              upvoteCount={answer.numVotes}
+            />
+            <div className="mx-2">
+              <form
+                className="mb-2"
+                onSubmit={handleCommentSubmit(handleSubmitComment)}>
+                <TextArea
+                  {...commentRegister('commentContent', {
+                    minLength: 1,
+                    required: true,
+                  })}
+                  label="Post a comment"
+                  required={true}
+                  resize="vertical"
+                  rows={2}
+                />
+                <div className="my-3 flex justify-between">
+                  <div className="flex items-baseline gap-2">
+                    <span aria-hidden={true} className="text-sm">
+                      Sort by:
+                    </span>
+                    <Select
+                      display="inline"
+                      isLabelHidden={true}
+                      label="Sort by"
+                      options={[
+                        {
+                          label: 'Most recent',
+                          value: 'most-recent',
+                        },
+                        {
+                          label: 'Most upvotes',
+                          value: 'most-upvotes',
+                        },
+                      ]}
+                      value="most-recent"
+                      onChange={(value) => {
+                        // eslint-disable-next-line no-console
+                        console.log(value);
+                      }}
+                    />
+                  </div>
+
+                  <Button
+                    disabled={!isCommentDirty || !isCommentValid}
+                    label="Post"
+                    type="submit"
+                    variant="primary"
                   />
                 </div>
+              </form>
 
-                <Button
-                  disabled={!isCommentDirty || !isCommentValid}
-                  label="Post"
-                  type="submit"
-                  variant="primary"
+              {(comments ?? []).map((comment) => (
+                <AnswerCommentListItem
+                  key={comment.id}
+                  answerCommentId={comment.id}
+                  authorImageUrl={comment.userImage}
+                  authorName={comment.user}
+                  content={comment.content}
+                  createdAt={comment.createdAt}
+                  upvoteCount={comment.numVotes}
                 />
-              </div>
-            </form>
-
-            {(comments ?? []).map((comment) => (
-              <AnswerCommentListItem
-                key={comment.id}
-                answerCommentId={comment.id}
-                authorImageUrl={comment.userImage}
-                authorName={comment.user}
-                content={comment.content}
-                createdAt={comment.createdAt}
-                upvoteCount={comment.numVotes}
-              />
-            ))}
+              ))}
+            </div>
           </div>
         </div>
       </div>
-    </div>
+    </>
   );
 }
diff --git a/apps/portal/src/pages/questions/[questionId]/[questionSlug]/index.tsx b/apps/portal/src/pages/questions/[questionId]/[questionSlug]/index.tsx
index bb9a8e59..1ee4532d 100644
--- a/apps/portal/src/pages/questions/[questionId]/[questionSlug]/index.tsx
+++ b/apps/portal/src/pages/questions/[questionId]/[questionSlug]/index.tsx
@@ -1,3 +1,4 @@
+import Head from 'next/head';
 import { useRouter } from 'next/router';
 import { useForm } from 'react-hook-form';
 import { ArrowSmallLeftIcon } from '@heroicons/react/24/outline';
@@ -8,6 +9,7 @@ import FullQuestionCard from '~/components/questions/card/question/FullQuestionC
 import QuestionAnswerCard from '~/components/questions/card/QuestionAnswerCard';
 import FullScreenSpinner from '~/components/questions/FullScreenSpinner';
 
+import { APP_TITLE } from '~/utils/questions/constants';
 import createSlug from '~/utils/questions/createSlug';
 import { useFormRegister } from '~/utils/questions/useFormRegister';
 import { trpc } from '~/utils/trpc';
@@ -112,57 +114,125 @@ export default function QuestionPage() {
   }
 
   return (
-    <div className="flex w-full flex-1 items-stretch pb-4">
-      <div className="flex items-baseline gap-2 py-4 pl-4">
-        <Button
-          addonPosition="start"
-          display="inline"
-          href="/questions"
-          icon={ArrowSmallLeftIcon}
-          label="Back"
-          variant="secondary"
-        />
-      </div>
-      <div className="flex w-full  justify-center overflow-y-auto py-4 px-5">
-        <div className="flex max-w-7xl flex-1 flex-col gap-2">
-          <FullQuestionCard
-            {...question}
-            companies={aggregatedEncounters?.companyCounts ?? {}}
-            locations={aggregatedEncounters?.locationCounts ?? {}}
-            questionId={question.id}
-            receivedCount={undefined}
-            roles={aggregatedEncounters?.roleCounts ?? {}}
-            timestamp={question.seenAt.toLocaleDateString(undefined, {
-              month: 'short',
-              year: 'numeric',
-            })}
-            upvoteCount={question.numVotes}
-            onReceivedSubmit={(data) => {
-              addEncounter({
-                companyId: data.company,
-                location: data.location,
-                questionId: questionId as string,
-                role: data.role,
-                seenAt: data.seenAt,
-              });
-            }}
+    <>
+      <Head>
+        <title>
+          {question.content} - {APP_TITLE}
+        </title>
+      </Head>
+      <div className="flex w-full flex-1 items-stretch pb-4">
+        <div className="flex items-baseline gap-2 py-4 pl-4">
+          <Button
+            addonPosition="start"
+            display="inline"
+            href="/questions"
+            icon={ArrowSmallLeftIcon}
+            label="Back"
+            variant="secondary"
           />
-          <div className="mx-2">
-            <Collapsible label={`${(comments ?? []).length} comment(s)`}>
-              <form
-                className="mb-2"
-                onSubmit={handleCommentSubmit(handleSubmitComment)}>
-                <TextArea
-                  {...commentRegister('commentContent', {
-                    minLength: 1,
-                    required: true,
-                  })}
-                  label="Post a comment"
-                  required={true}
-                  resize="vertical"
-                  rows={2}
-                />
-                <div className="my-3 flex justify-between">
+        </div>
+        <div className="flex w-full  justify-center overflow-y-auto py-4 px-5">
+          <div className="flex max-w-7xl flex-1 flex-col gap-2">
+            <FullQuestionCard
+              {...question}
+              companies={aggregatedEncounters?.companyCounts ?? {}}
+              locations={aggregatedEncounters?.locationCounts ?? {}}
+              questionId={question.id}
+              receivedCount={undefined}
+              roles={aggregatedEncounters?.roleCounts ?? {}}
+              timestamp={question.seenAt.toLocaleDateString(undefined, {
+                month: 'short',
+                year: 'numeric',
+              })}
+              upvoteCount={question.numVotes}
+              onReceivedSubmit={(data) => {
+                addEncounter({
+                  companyId: data.company,
+                  location: data.location,
+                  questionId: questionId as string,
+                  role: data.role,
+                  seenAt: data.seenAt,
+                });
+              }}
+            />
+            <div className="mx-2">
+              <Collapsible label={`${(comments ?? []).length} comment(s)`}>
+                <form
+                  className="mb-2"
+                  onSubmit={handleCommentSubmit(handleSubmitComment)}>
+                  <TextArea
+                    {...commentRegister('commentContent', {
+                      minLength: 1,
+                      required: true,
+                    })}
+                    label="Post a comment"
+                    required={true}
+                    resize="vertical"
+                    rows={2}
+                  />
+                  <div className="my-3 flex justify-between">
+                    <div className="flex items-baseline gap-2">
+                      <span aria-hidden={true} className="text-sm">
+                        Sort by:
+                      </span>
+                      <Select
+                        display="inline"
+                        isLabelHidden={true}
+                        label="Sort by"
+                        options={[
+                          {
+                            label: 'Most recent',
+                            value: 'most-recent',
+                          },
+                          {
+                            label: 'Most upvotes',
+                            value: 'most-upvotes',
+                          },
+                        ]}
+                        value="most-recent"
+                        onChange={(value) => {
+                          // eslint-disable-next-line no-console
+                          console.log(value);
+                        }}
+                      />
+                    </div>
+
+                    <Button
+                      disabled={!isCommentDirty || !isCommentValid}
+                      label="Post"
+                      type="submit"
+                      variant="primary"
+                    />
+                  </div>
+                </form>
+
+                {(comments ?? []).map((comment) => (
+                  <AnswerCommentListItem
+                    key={comment.id}
+                    answerCommentId={comment.id}
+                    authorImageUrl={comment.userImage}
+                    authorName={comment.user}
+                    content={comment.content}
+                    createdAt={comment.createdAt}
+                    upvoteCount={comment.numVotes}
+                  />
+                ))}
+              </Collapsible>
+            </div>
+            <form onSubmit={handleSubmit(handleSubmitAnswer)}>
+              <TextArea
+                {...answerRegister('answerContent', {
+                  minLength: 1,
+                  required: true,
+                })}
+                label="Contribute your answer"
+                required={true}
+                resize="vertical"
+                rows={5}
+              />
+              <div className="mt-3 mb-1 flex justify-between">
+                <div className="flex items-baseline justify-start gap-2">
+                  <p>{(answers ?? []).length} answers</p>
                   <div className="flex items-baseline gap-2">
                     <span aria-hidden={true} className="text-sm">
                       Sort by:
@@ -188,94 +258,33 @@ export default function QuestionPage() {
                       }}
                     />
                   </div>
-
-                  <Button
-                    disabled={!isCommentDirty || !isCommentValid}
-                    label="Post"
-                    type="submit"
-                    variant="primary"
-                  />
                 </div>
-              </form>
-
-              {(comments ?? []).map((comment) => (
-                <AnswerCommentListItem
-                  key={comment.id}
-                  answerCommentId={comment.id}
-                  authorImageUrl={comment.userImage}
-                  authorName={comment.user}
-                  content={comment.content}
-                  createdAt={comment.createdAt}
-                  upvoteCount={comment.numVotes}
+                <Button
+                  disabled={!isDirty || !isValid}
+                  label="Contribute"
+                  type="submit"
+                  variant="primary"
                 />
-              ))}
-            </Collapsible>
-          </div>
-          <form onSubmit={handleSubmit(handleSubmitAnswer)}>
-            <TextArea
-              {...answerRegister('answerContent', {
-                minLength: 1,
-                required: true,
-              })}
-              label="Contribute your answer"
-              required={true}
-              resize="vertical"
-              rows={5}
-            />
-            <div className="mt-3 mb-1 flex justify-between">
-              <div className="flex items-baseline justify-start gap-2">
-                <p>{(answers ?? []).length} answers</p>
-                <div className="flex items-baseline gap-2">
-                  <span aria-hidden={true} className="text-sm">
-                    Sort by:
-                  </span>
-                  <Select
-                    display="inline"
-                    isLabelHidden={true}
-                    label="Sort by"
-                    options={[
-                      {
-                        label: 'Most recent',
-                        value: 'most-recent',
-                      },
-                      {
-                        label: 'Most upvotes',
-                        value: 'most-upvotes',
-                      },
-                    ]}
-                    value="most-recent"
-                    onChange={(value) => {
-                      // eslint-disable-next-line no-console
-                      console.log(value);
-                    }}
-                  />
-                </div>
               </div>
-              <Button
-                disabled={!isDirty || !isValid}
-                label="Contribute"
-                type="submit"
-                variant="primary"
+            </form>
+            {(answers ?? []).map((answer) => (
+              <QuestionAnswerCard
+                key={answer.id}
+                answerId={answer.id}
+                authorImageUrl={answer.userImage}
+                authorName={answer.user}
+                commentCount={answer.numComments}
+                content={answer.content}
+                createdAt={answer.createdAt}
+                href={`${router.asPath}/answer/${answer.id}/${createSlug(
+                  answer.content,
+                )}`}
+                upvoteCount={answer.numVotes}
               />
-            </div>
-          </form>
-          {(answers ?? []).map((answer) => (
-            <QuestionAnswerCard
-              key={answer.id}
-              answerId={answer.id}
-              authorImageUrl={answer.userImage}
-              authorName={answer.user}
-              commentCount={answer.numComments}
-              content={answer.content}
-              createdAt={answer.createdAt}
-              href={`${router.asPath}/answer/${answer.id}/${createSlug(
-                answer.content,
-              )}`}
-              upvoteCount={answer.numVotes}
-            />
-          ))}
+            ))}
+          </div>
         </div>
       </div>
-    </div>
+    </>
   );
 }
diff --git a/apps/portal/src/pages/questions/history.tsx b/apps/portal/src/pages/questions/history.tsx
index a96104f2..9afc1f9c 100644
--- a/apps/portal/src/pages/questions/history.tsx
+++ b/apps/portal/src/pages/questions/history.tsx
@@ -1,7 +1,16 @@
+import Head from 'next/head';
+
+import { APP_TITLE } from '~/utils/questions/constants';
+
 export default function HistoryPage() {
   return (
-    <div className="v-full flex w-full items-center justify-center">
-      <h1 className="text-center text-4xl font-bold">History</h1>
-    </div>
+    <>
+      <Head>
+        <title>History - {APP_TITLE}</title>
+      </Head>
+      <div className="v-full flex w-full items-center justify-center">
+        <h1 className="text-center text-4xl font-bold">History</h1>
+      </div>
+    </>
   );
 }
diff --git a/apps/portal/src/pages/questions/index.tsx b/apps/portal/src/pages/questions/index.tsx
index c36d6751..000f7220 100644
--- a/apps/portal/src/pages/questions/index.tsx
+++ b/apps/portal/src/pages/questions/index.tsx
@@ -1,4 +1,5 @@
 import { subMonths, subYears } from 'date-fns';
+import Head from 'next/head';
 import Router, { useRouter } from 'next/router';
 import { useEffect, useMemo, useState } from 'react';
 import { NoSymbolIcon } from '@heroicons/react/24/outline';
@@ -13,6 +14,7 @@ import LandingComponent from '~/components/questions/LandingComponent';
 import QuestionSearchBar from '~/components/questions/QuestionSearchBar';
 
 import type { QuestionAge } from '~/utils/questions/constants';
+import { APP_TITLE } from '~/utils/questions/constants';
 import { ROLES } from '~/utils/questions/constants';
 import {
   COMPANIES,
@@ -330,94 +332,104 @@ export default function QuestionsHomePage() {
     </div>
   );
 
-  return !hasLanded ? (
-    <LandingComponent onLanded={handleLandingQuery}></LandingComponent>
-  ) : (
-    <main className="flex flex-1 flex-col items-stretch">
-      <div className="flex h-full flex-1">
-        <section className="flex min-h-0 flex-1 flex-col items-center overflow-auto">
-          <div className="flex min-h-0 max-w-3xl flex-1 p-4">
-            <div className="flex flex-1 flex-col items-stretch justify-start gap-4">
-              <ContributeQuestionCard
-                onSubmit={(data) => {
-                  createQuestion({
-                    companyId: data.company,
-                    content: data.questionContent,
-                    location: data.location,
-                    questionType: data.questionType,
-                    role: data.role,
-                    seenAt: data.date,
-                  });
-                }}
-              />
-              <QuestionSearchBar
-                sortOptions={[
-                  {
-                    label: 'Most recent',
-                    value: 'most-recent',
-                  },
-                  {
-                    label: 'Most upvotes',
-                    value: 'most-upvotes',
-                  },
-                ]}
-                sortValue="most-recent"
-                onFilterOptionsToggle={() => {
-                  setFilterDrawerOpen(!filterDrawerOpen);
-                }}
-                onSortChange={(value) => {
-                  // eslint-disable-next-line no-console
-                  console.log(value);
-                }}
-              />
-              <div className="flex flex-col gap-4 pb-4">
-                {(questions ?? []).map((question) => (
-                  <QuestionOverviewCard
-                    key={question.id}
-                    answerCount={question.numAnswers}
-                    companies={{ [question.company]: 1 }}
-                    content={question.content}
-                    href={`/questions/${question.id}/${createSlug(
-                      question.content,
-                    )}`}
-                    locations={{ [question.location]: 1 }}
-                    questionId={question.id}
-                    receivedCount={question.receivedCount}
-                    roles={{ [question.role]: 1 }}
-                    timestamp={question.seenAt.toLocaleDateString(undefined, {
-                      month: 'short',
-                      year: 'numeric',
-                    })}
-                    type={question.type}
-                    upvoteCount={question.numVotes}
+  return (
+    <>
+      <Head>
+        <title>Home - {APP_TITLE}</title>
+      </Head>
+      {!hasLanded ? (
+        <LandingComponent onLanded={handleLandingQuery}></LandingComponent>
+      ) : (
+        <main className="flex flex-1 flex-col items-stretch">
+          <div className="flex h-full flex-1">
+            <section className="flex min-h-0 flex-1 flex-col items-center overflow-auto">
+              <div className="flex min-h-0 max-w-3xl flex-1 p-4">
+                <div className="flex flex-1 flex-col items-stretch justify-start gap-4">
+                  <ContributeQuestionCard
+                    onSubmit={(data) => {
+                      createQuestion({
+                        companyId: data.company,
+                        content: data.questionContent,
+                        location: data.location,
+                        questionType: data.questionType,
+                        role: data.role,
+                        seenAt: data.date,
+                      });
+                    }}
                   />
-                ))}
-                {questions?.length === 0 && (
-                  <div className="flex w-full items-center justify-center gap-2 rounded-md border border-slate-300 bg-slate-200 p-4 text-slate-600">
-                    <NoSymbolIcon className="h-6 w-6" />
-                    <p>Nothing found. Try changing your search filters.</p>
+                  <QuestionSearchBar
+                    sortOptions={[
+                      {
+                        label: 'Most recent',
+                        value: 'most-recent',
+                      },
+                      {
+                        label: 'Most upvotes',
+                        value: 'most-upvotes',
+                      },
+                    ]}
+                    sortValue="most-recent"
+                    onFilterOptionsToggle={() => {
+                      setFilterDrawerOpen(!filterDrawerOpen);
+                    }}
+                    onSortChange={(value) => {
+                      // eslint-disable-next-line no-console
+                      console.log(value);
+                    }}
+                  />
+                  <div className="flex flex-col gap-4 pb-4">
+                    {(questions ?? []).map((question) => (
+                      <QuestionOverviewCard
+                        key={question.id}
+                        answerCount={question.numAnswers}
+                        companies={{ [question.company]: 1 }}
+                        content={question.content}
+                        href={`/questions/${question.id}/${createSlug(
+                          question.content,
+                        )}`}
+                        locations={{ [question.location]: 1 }}
+                        questionId={question.id}
+                        receivedCount={question.receivedCount}
+                        roles={{ [question.role]: 1 }}
+                        timestamp={question.seenAt.toLocaleDateString(
+                          undefined,
+                          {
+                            month: 'short',
+                            year: 'numeric',
+                          },
+                        )}
+                        type={question.type}
+                        upvoteCount={question.numVotes}
+                      />
+                    ))}
+                    {questions?.length === 0 && (
+                      <div className="flex w-full items-center justify-center gap-2 rounded-md border border-slate-300 bg-slate-200 p-4 text-slate-600">
+                        <NoSymbolIcon className="h-6 w-6" />
+                        <p>Nothing found. Try changing your search filters.</p>
+                      </div>
+                    )}
                   </div>
-                )}
+                </div>
               </div>
-            </div>
+            </section>
+            <aside className="hidden w-[300px] overflow-y-auto border-l bg-white py-4 lg:block">
+              <h2 className="px-4 text-xl font-semibold">Filter by</h2>
+              {filterSidebar}
+            </aside>
+            <SlideOut
+              className="lg:hidden"
+              enterFrom="end"
+              isShown={filterDrawerOpen}
+              size="sm"
+              title="Filter by"
+              onClose={() => {
+                setFilterDrawerOpen(false);
+              }}>
+              {filterSidebar}
+            </SlideOut>
           </div>
-        </section>
-        <aside className="hidden w-[300px] overflow-y-auto border-l bg-white py-4 lg:block">
-          <h2 className="px-4 text-xl font-semibold">Filter by</h2>
-          {filterSidebar}
-        </aside>
-        <SlideOut
-          className="lg:hidden"
-          enterFrom="end"
-          isShown={filterDrawerOpen}
-          size="sm"
-          title="Filter by"
-          onClose={() => {
-            setFilterDrawerOpen(false);
-          }}>
-          {filterSidebar}
-        </SlideOut>
-      </div>
-    </main>
+        </main>
+      )}
+    </>
   );
 }
diff --git a/apps/portal/src/pages/questions/lists.tsx b/apps/portal/src/pages/questions/lists.tsx
index f64f1014..756bc326 100644
--- a/apps/portal/src/pages/questions/lists.tsx
+++ b/apps/portal/src/pages/questions/lists.tsx
@@ -1,3 +1,4 @@
+import Head from 'next/head';
 import { useState } from 'react';
 import { Menu } from '@headlessui/react';
 import {
@@ -9,6 +10,7 @@ import {
 import QuestionListCard from '~/components/questions/card/question/QuestionListCard';
 
 import { Button } from '~/../../../packages/ui/dist';
+import { APP_TITLE } from '~/utils/questions/constants';
 import { SAMPLE_QUESTION } from '~/utils/questions/constants';
 import createSlug from '~/utils/questions/createSlug';
 
@@ -103,67 +105,75 @@ export default function ListPage() {
     </>
   );
   return (
-    <main className="flex flex-1 flex-col items-stretch">
-      <div className="flex h-full flex-1">
-        <aside className="w-[300px] overflow-y-auto border-l bg-white py-4 lg:block">
-          <div className="mb-2 flex items-center justify-between">
-            <h2 className="px-4 text-xl font-semibold">My Lists</h2>
-            <div className="px-4">
-              <Button
-                icon={PlusIcon}
-                isLabelHidden={true}
-                label="Create"
-                size="md"
-                variant="tertiary"
-                onClick={(e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                }}
-              />
+    <>
+      <Head>
+        <title>My Lists - {APP_TITLE}</title>
+      </Head>
+      <main className="flex flex-1 flex-col items-stretch">
+        <div className="flex h-full flex-1">
+          <aside className="w-[300px] overflow-y-auto border-l bg-white py-4 lg:block">
+            <div className="mb-2 flex items-center justify-between">
+              <h2 className="px-4 text-xl font-semibold">My Lists</h2>
+              <div className="px-4">
+                <Button
+                  icon={PlusIcon}
+                  isLabelHidden={true}
+                  label="Create"
+                  size="md"
+                  variant="tertiary"
+                  onClick={(e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                  }}
+                />
+              </div>
             </div>
-          </div>
-          {listOptions}
-        </aside>
-        <section className="flex min-h-0 flex-1 flex-col items-center overflow-auto">
-          <div className="flex min-h-0 max-w-3xl flex-1 p-4">
-            <div className="flex flex-1 flex-col items-stretch justify-start gap-4">
-              {selectedList && (
-                <div className="flex flex-col gap-4 pb-4">
-                  {(questions ?? []).map((question) => (
-                    <QuestionListCard
-                      key={question.id}
-                      companies={question.companies}
-                      content={question.content}
-                      href={`/questions/${question.id}/${createSlug(
-                        question.content,
-                      )}`}
-                      locations={question.locations}
-                      questionId={question.id}
-                      receivedCount={0}
-                      roles={question.roles}
-                      timestamp={question.seenAt.toLocaleDateString(undefined, {
-                        month: 'short',
-                        year: 'numeric',
-                      })}
-                      type={question.type}
-                      onDelete={() => {
-                        // eslint-disable-next-line no-console
-                        console.log('delete');
-                      }}
-                    />
-                  ))}
-                  {questions?.length === 0 && (
-                    <div className="flex w-full items-center justify-center gap-2 rounded-md border border-slate-300 bg-slate-200 p-4 text-slate-600">
-                      <NoSymbolIcon className="h-6 w-6" />
-                      <p>You have no added any questions to your list yet.</p>
-                    </div>
-                  )}
-                </div>
-              )}
+            {listOptions}
+          </aside>
+          <section className="flex min-h-0 flex-1 flex-col items-center overflow-auto">
+            <div className="flex min-h-0 max-w-3xl flex-1 p-4">
+              <div className="flex flex-1 flex-col items-stretch justify-start gap-4">
+                {selectedList && (
+                  <div className="flex flex-col gap-4 pb-4">
+                    {(questions ?? []).map((question) => (
+                      <QuestionListCard
+                        key={question.id}
+                        companies={question.companies}
+                        content={question.content}
+                        href={`/questions/${question.id}/${createSlug(
+                          question.content,
+                        )}`}
+                        locations={question.locations}
+                        questionId={question.id}
+                        receivedCount={0}
+                        roles={question.roles}
+                        timestamp={question.seenAt.toLocaleDateString(
+                          undefined,
+                          {
+                            month: 'short',
+                            year: 'numeric',
+                          },
+                        )}
+                        type={question.type}
+                        onDelete={() => {
+                          // eslint-disable-next-line no-console
+                          console.log('delete');
+                        }}
+                      />
+                    ))}
+                    {questions?.length === 0 && (
+                      <div className="flex w-full items-center justify-center gap-2 rounded-md border border-slate-300 bg-slate-200 p-4 text-slate-600">
+                        <NoSymbolIcon className="h-6 w-6" />
+                        <p>You have no added any questions to your list yet.</p>
+                      </div>
+                    )}
+                  </div>
+                )}
+              </div>
             </div>
-          </div>
-        </section>
-      </div>
-    </main>
+          </section>
+        </div>
+      </main>
+    </>
   );
 }
diff --git a/apps/portal/src/pages/questions/my-questions.tsx b/apps/portal/src/pages/questions/my-questions.tsx
index a78a8bd4..29be26ea 100644
--- a/apps/portal/src/pages/questions/my-questions.tsx
+++ b/apps/portal/src/pages/questions/my-questions.tsx
@@ -1,7 +1,16 @@
+import Head from 'next/head';
+
+import { APP_TITLE } from '~/utils/questions/constants';
+
 export default function MyQuestionsPage() {
   return (
-    <div className="v-full flex w-full items-center justify-center">
-      <h1 className="text-center text-4xl font-bold">My Questions</h1>
-    </div>
+    <>
+      <Head>
+        <title>My Questions - {APP_TITLE}</title>
+      </Head>
+      <div className="v-full flex w-full items-center justify-center">
+        <h1 className="text-center text-4xl font-bold">My Questions</h1>
+      </div>
+    </>
   );
 }
diff --git a/apps/portal/src/utils/questions/constants.ts b/apps/portal/src/utils/questions/constants.ts
index fac5ea4c..5ce58e59 100644
--- a/apps/portal/src/utils/questions/constants.ts
+++ b/apps/portal/src/utils/questions/constants.ts
@@ -2,6 +2,8 @@ import { QuestionsQuestionType } from '@prisma/client';
 
 import type { FilterChoices } from '~/components/questions/filter/FilterSection';
 
+export const APP_TITLE = 'Questions Bank';
+
 export const COMPANIES: FilterChoices = [
   {
     id: 'Google',
