diff --git a/lms/static/images/hypothesis-logo.svg b/lms/static/images/hypothesis-logo.svg
deleted file mode 100644
index d27ca9b21e..0000000000
--- a/lms/static/images/hypothesis-logo.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="24px" height="28px" viewBox="0 0 24 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <rect fill="#ffffff" stroke="none" width="17.14407" height="16.046612" x="3.8855932" y="3.9449153" />
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M0,2.00494659 C0,0.897645164 0.897026226,0 2.00494659,0 L21.9950534,0 C23.1023548,0 24,0.897026226 24,2.00494659 L24,21.9950534 C24,23.1023548 23.1029738,24 21.9950534,24 L2.00494659,24 C0.897645164,24 0,23.1029738 0,21.9950534 L0,2.00494659 Z M9,24 L12,28 L15,24 L9,24 Z M7.00811294,4 L4,4 L4,20 L7.00811294,20 L7.00811294,15.0028975 C7.00811294,12.004636 8.16824717,12.0097227 9,12 C10,12.0072451 11.0189302,12.0606714 11.0189302,14.003477 L11.0189302,20 L14.0270431,20 L14.0270431,13.1087862 C14.0270433,10 12,9.00309038 10,9.00309064 C8.01081726,9.00309091 8,9.00309086 7.00811294,11.0019317 L7.00811294,4 Z M19,19.9869002 C20.1045695,19.9869002 21,19.0944022 21,17.9934501 C21,16.892498 20.1045695,16 19,16 C17.8954305,16 17,16.892498 17,17.9934501 C17,19.0944022 17.8954305,19.9869002 19,19.9869002 Z" id="Rectangle-2-Copy-17" fill="#BD1C2B"></path>
-    </g>
-</svg>
diff --git a/lms/static/scripts/frontend_apps/components/dashboard/DashboardApp.tsx b/lms/static/scripts/frontend_apps/components/dashboard/DashboardApp.tsx
index d9e7e56800..649b271a34 100644
--- a/lms/static/scripts/frontend_apps/components/dashboard/DashboardApp.tsx
+++ b/lms/static/scripts/frontend_apps/components/dashboard/DashboardApp.tsx
@@ -1,29 +1,65 @@
+import {
+  Link,
+  LogoIcon,
+  ProfileIcon,
+  SettingsIcon,
+} from '@hypothesis/frontend-shared';
 import classnames from 'classnames';
-import { Route, Switch, useParams } from 'wouter-preact';
+import { Link as RouterLink, Route, Switch, useParams } from 'wouter-preact';
 
+import { useConfig } from '../../config';
 import AssignmentActivity from './AssignmentActivity';
 import CourseActivity from './CourseActivity';
 import DashboardFooter from './DashboardFooter';
 import OrganizationActivity from './OrganizationActivity';
 
 export default function DashboardApp() {
+  const { dashboard } = useConfig(['dashboard']);
   const { organizationPublicId } = useParams<{
     organizationPublicId: string;
   }>();
 
   return (
     <div className="flex flex-col min-h-screen gap-5">
-      <div
-        className={classnames(
-          'flex justify-center p-3 w-full',
-          'bg-white border-b shadow',
-        )}
-      >
-        <img
-          alt="Hypothesis logo"
-          src="/static/images/hypothesis-wordmark-logo.png"
-          className="h-10"
-        />
+      <div className="px-3 py-4 bg-white border-b shadow">
+        <div className="flex justify-between items-center mx-auto max-w-6xl">
+          <RouterLink href="" aria-label="All courses">
+            <LogoIcon />
+          </RouterLink>
+
+          <div className="flex gap-6">
+            <span
+              className={classnames(
+                'flex gap-2 items-center',
+                'font-semibold text-color-text-light',
+              )}
+              data-testid="display-name"
+            >
+              <ProfileIcon />
+              {dashboard.user.display_name}
+            </span>
+            <Link
+              underline="hover"
+              variant="text"
+              href="/email/preferences"
+              target="_blank"
+              classes={classnames(
+                'flex gap-2 items-center',
+                'font-semibold text-color-text-light',
+              )}
+              onClick={
+                /* istanbul ignore next - Temporary until settings link works */
+                e => {
+                  e.preventDefault();
+                  alert('This is not implemented yet');
+                }
+              }
+            >
+              <SettingsIcon />
+              Settings
+            </Link>
+          </div>
+        </div>
       </div>
       <div className="flex-grow px-3">
         <div className="mx-auto max-w-6xl">
diff --git a/lms/static/scripts/frontend_apps/components/dashboard/DashboardFooter.tsx b/lms/static/scripts/frontend_apps/components/dashboard/DashboardFooter.tsx
index c6ee8cbff5..cccfbd5379 100644
--- a/lms/static/scripts/frontend_apps/components/dashboard/DashboardFooter.tsx
+++ b/lms/static/scripts/frontend_apps/components/dashboard/DashboardFooter.tsx
@@ -1,5 +1,5 @@
 import type { LinkProps } from '@hypothesis/frontend-shared';
-import { Link } from '@hypothesis/frontend-shared';
+import { Link, LogoIcon } from '@hypothesis/frontend-shared';
 
 function FooterLink(
   props: Omit<LinkProps, 'underline' | 'variant' | 'target' | 'rel'>,
@@ -23,11 +23,7 @@ export default function DashboardFooter() {
       <div className="mx-auto max-w-6xl flex justify-between items-center">
         <div className="flex gap-3">
           <FooterLink href="https://web.hypothes.is" classes="font-bold">
-            <img
-              alt="Hypothesis logo"
-              src="/static/images/hypothesis-logo.svg"
-              className="mr-2 inline"
-            />
+            <LogoIcon className="mr-2 inline text-brand" />
             hypothes.is
           </FooterLink>
         </div>
diff --git a/lms/static/scripts/frontend_apps/components/dashboard/test/DashboardApp-test.js b/lms/static/scripts/frontend_apps/components/dashboard/test/DashboardApp-test.js
index c648f4f009..a41863953a 100644
--- a/lms/static/scripts/frontend_apps/components/dashboard/test/DashboardApp-test.js
+++ b/lms/static/scripts/frontend_apps/components/dashboard/test/DashboardApp-test.js
@@ -4,10 +4,21 @@ import {
 } from '@hypothesis/frontend-testing';
 import { mount } from 'enzyme';
 
+import { Config } from '../../../config';
 import DashboardApp, { $imports } from '../DashboardApp';
 
 describe('DashboardApp', () => {
+  let fakeConfig;
+
   beforeEach(() => {
+    fakeConfig = {
+      dashboard: {
+        user: {
+          display_name: 'John Doe',
+        },
+      },
+    };
+
     $imports.$mock(mockImportedComponents());
   });
 
@@ -16,9 +27,25 @@ describe('DashboardApp', () => {
   });
 
   function createComponent() {
-    return mount(<DashboardApp />);
+    return mount(
+      <Config.Provider value={fakeConfig}>
+        <DashboardApp />
+      </Config.Provider>,
+    );
   }
 
+  ['John Doe', 'Jane Doe', 'Foobar'].forEach(displayName => {
+    it('shows expected username', () => {
+      fakeConfig.dashboard.user.display_name = displayName;
+      const wrapper = createComponent();
+
+      assert.equal(
+        wrapper.find('[data-testid="display-name"]').text(),
+        displayName,
+      );
+    });
+  });
+
   it(
     'should pass a11y checks',
     checkAccessibility({
diff --git a/lms/static/scripts/frontend_apps/config.ts b/lms/static/scripts/frontend_apps/config.ts
index b07cb873d4..0cd30486ed 100644
--- a/lms/static/scripts/frontend_apps/config.ts
+++ b/lms/static/scripts/frontend_apps/config.ts
@@ -248,8 +248,14 @@ export type DashboardRoutes = {
   organization_courses: string;
 };
 
+export type DashboardUser = {
+  is_staff: boolean;
+  display_name: string;
+};
+
 export type DashboardConfig = {
   routes: DashboardRoutes;
+  user: DashboardUser;
 };
 
 /**
@@ -276,11 +282,6 @@ export type ConfigObject = {
   debug?: DebugInfo;
   product: Product;
 
-  // Only present when an LTI user is logged-in
-  user?: {
-    display_name: string;
-  };
-
   // Only present in "basic-lti-launch" mode.
   canvas: {
     // Only present in Canvas.