diff --git a/src/components/AboutPage/index.tsx b/src/components/AboutPage/index.tsx
index 904a4f3da..1aad575ea 100644
--- a/src/components/AboutPage/index.tsx
+++ b/src/components/AboutPage/index.tsx
@@ -91,7 +91,7 @@ const AboutPage = (): JSX.Element => {
 
             <ContentPagePanel isDark={true}>
                 <h2>Future plans for Simularium</h2>
-                <h3>
+                <h3 className={styles.headerSpacing}>
                     Create, modify, run, experiment, share, interoperate, & grow
                     as a community
                 </h3>
@@ -124,7 +124,7 @@ const AboutPage = (): JSX.Element => {
                     engines that generated them for use in building an
                     integrated, mechanistic understanding of human cells. We
                     will also work with educators at all levels of science
-                    teaching to integrate and test Simularium`&apos;`s potential
+                    teaching to integrate and test Simularium&apos;s potential
                     for use in active learning classroom/lab/homework
                     activities.
                 </p>
diff --git a/src/components/AboutPage/style.css b/src/components/AboutPage/style.css
index c8a23fd6a..6bac08a9e 100644
--- a/src/components/AboutPage/style.css
+++ b/src/components/AboutPage/style.css
@@ -15,3 +15,6 @@
     padding: 16px 16px 6px 16px;
 }
 
+.header-spacing {
+    margin-bottom: 16px;
+}
\ No newline at end of file
diff --git a/src/components/ContactPanel/index.tsx b/src/components/ContactPanel/index.tsx
index 1b6aeb06a..6be58dabe 100644
--- a/src/components/ContactPanel/index.tsx
+++ b/src/components/ContactPanel/index.tsx
@@ -3,10 +3,16 @@ import React from "react";
 import { CONTACT_FORM_URL } from "../../constants";
 import ContentPagePanel from "../ContentPagePanel";
 
-const ContactPanel = (): JSX.Element => {
+import styles from "./style.css";
+
+interface ContactPanelProps {
+    isDark?: boolean;
+}
+
+const ContactPanel = ({ isDark }: ContactPanelProps): JSX.Element => {
     return (
-        <ContentPagePanel>
-            <h2>Contact us</h2>
+        <ContentPagePanel isDark={isDark}>
+            <h2 className={styles.headerSpacing}>Contact us</h2>
             <p>
                 We are collecting user feedback to improve this application. To
                 find tutorials, seek technical support, report bugs or request
diff --git a/src/components/ContactPanel/style.css b/src/components/ContactPanel/style.css
new file mode 100644
index 000000000..12619f19c
--- /dev/null
+++ b/src/components/ContactPanel/style.css
@@ -0,0 +1,3 @@
+.header-spacing {
+    margin-bottom: 16px;
+}
\ No newline at end of file
diff --git a/src/components/ContentPage/index.tsx b/src/components/ContentPage/index.tsx
index e39b6b42f..441218d7a 100644
--- a/src/components/ContentPage/index.tsx
+++ b/src/components/ContentPage/index.tsx
@@ -10,18 +10,20 @@ const { Content } = Layout;
 interface ContentPageProps {
     children: React.ReactNode;
     className?: string;
+    contactPanelIsDark?: boolean;
 }
 
 const ContentPage: React.FC<ContentPageProps> = ({
     children,
     className = "",
+    contactPanelIsDark = false,
 }) => {
     return (
         <>
             <Content className={`${styles.pageContent} ${className}`}>
                 {children}
             </Content>
-            <ContactPanel />
+            <ContactPanel isDark={contactPanelIsDark} />
             <Divider className={styles.divider} />
             <Footer />
         </>
diff --git a/src/components/LandingPage/index.tsx b/src/components/LandingPage/index.tsx
index c2f73be7f..ba118ce47 100644
--- a/src/components/LandingPage/index.tsx
+++ b/src/components/LandingPage/index.tsx
@@ -60,7 +60,9 @@ const LandingPage = (): JSX.Element => {
                 </div>
             </ContentPagePanel>
             <ContentPagePanel isDark={true} isWide={true}>
-                <h1>Load an example to explore Simularium now</h1>
+                <h2 className={styles.headerSpacing}>
+                    Load an example to explore Simularium now
+                </h2>
                 <div className={styles.cards}>
                     {TRAJECTORIES.slice(0, NUM_CARDS_PER_ROW - 1).map(
                         (trajectory) => {
@@ -85,7 +87,7 @@ const LandingPage = (): JSX.Element => {
                 </div>
             </ContentPagePanel>
             <ContentPagePanel>
-                <h1>Cite Simularium</h1>
+                <h2 className={styles.headerSpacing}>Cite Simularium</h2>
                 <div className={styles.citationText}>
                     <div className={styles.articleTitle}>
                         <a
@@ -109,8 +111,8 @@ const LandingPage = (): JSX.Element => {
                 </div>
             </ContentPagePanel>
             <ContentPagePanel isDark={true}>
-                <h1>Acknowledgments</h1>
-                <h3>
+                <h2>Acknowledgments</h2>
+                <h3 className={styles.headerSpacing}>
                     We&apos;d like to thank the following people for their
                     contributions to Simularium
                 </h3>
diff --git a/src/components/LandingPage/style.css b/src/components/LandingPage/style.css
index b84ed5820..ca1482537 100644
--- a/src/components/LandingPage/style.css
+++ b/src/components/LandingPage/style.css
@@ -46,6 +46,10 @@
     margin-right: 1em;
 }
 
+.header-spacing {
+    margin-bottom: 16px;
+}
+
 .citation-text { 
     display: flex;
     flex-direction: column;
diff --git a/src/components/TutorialPage/index.tsx b/src/components/TutorialPage/index.tsx
index 18877a883..1afa30812 100644
--- a/src/components/TutorialPage/index.tsx
+++ b/src/components/TutorialPage/index.tsx
@@ -1,6 +1,7 @@
 import * as React from "react";
 import { Link } from "react-router-dom";
 import { Typography } from "antd";
+import classNames from "classnames";
 import dragDropImage from "../../assets/drag-drop.gif";
 import { VIEWER_PATHNAME } from "../../routes";
 import { SUPPORTED_ENGINES, DOWNLOAD_URL } from "../../constants";
@@ -11,14 +12,14 @@ import styles from "./style.css";
 const { Text } = Typography;
 const TutorialPage = (): JSX.Element => {
     return (
-        <ContentPage>
+        <ContentPage contactPanelIsDark={true}>
             <ContentPagePanel>
                 <h1>Getting Started with Simularium</h1>
-                <p>
+                <h3>
                     To get started with the{" "}
                     <Link to={VIEWER_PATHNAME}>Simularium Viewer</Link>, either
                     download example data or convert your own data.
-                </p>
+                </h3>
             </ContentPagePanel>
             <ContentPagePanel isDark={true}>
                 <ul className={styles.list}>
@@ -107,7 +108,7 @@ const TutorialPage = (): JSX.Element => {
                                 </li>
                                 <li>
                                     We support the following simulators:
-                                    <ul>
+                                    <ul className={styles.disc}>
                                         {SUPPORTED_ENGINES.map(
                                             (engine: string[]) => {
                                                 const [name, url] = engine;
@@ -132,7 +133,7 @@ const TutorialPage = (): JSX.Element => {
                                     If you used one of our supported simulators
                                     to generate your data, choose the notebook
                                     for that simulator:
-                                    <ul>
+                                    <ul className={styles.disc}>
                                         {SUPPORTED_ENGINES.map(
                                             (engine: string[]) => {
                                                 const name = engine[0];
@@ -228,7 +229,7 @@ const TutorialPage = (): JSX.Element => {
                             dialog, provide the URL to your Simularium file and
                             choose Load.
                         </li>
-                        <ul>
+                        <ul className={styles.disc}>
                             <li>
                                 If your file uses geometry files, like .obj or
                                 .pdb files, make sure you&apos;ve provided the
@@ -246,24 +247,20 @@ const TutorialPage = (): JSX.Element => {
                 </ul>
             </ContentPagePanel>
             <ContentPagePanel>
-                <ul className={styles.list}>
-                    <h3 className={styles.listHeader}>Browser support</h3>
-                    <ul className={styles.disc}>
-                        <li>
-                            Currently, Simularium supports Chrome, Safari, Edge,
-                            and Firefox. Some features may not work on other
-                            browsers.
-                        </li>
-                        <li>
-                            If using Safari on a Mac, please enable WebGL 2.0 by
-                            choosing Develop &gt; Experimental Features and
-                            enabling &quot;WebGL 2.0&quot; (If you do not have a
-                            Develop menu in your menu bar, first choose Safari
-                            &gt; Preferences &gt; Advanced and enable &quot;Show
-                            Develop menu in menu bar&quot;.) Then reload the
-                            viewer.
-                        </li>
-                    </ul>
+                <h2 className={styles.headerSpacing}>Browser support</h2>
+                <ul className={classNames(styles.disc, styles.list)}>
+                    <li>
+                        Currently, Simularium supports Chrome, Safari, Edge, and
+                        Firefox. Some features may not work on other browsers.
+                    </li>
+                    <li>
+                        If using Safari on a Mac, please enable WebGL 2.0 by
+                        choosing Develop &gt; Experimental Features and enabling
+                        &quot;WebGL 2.0&quot; (if you do not have a Develop menu
+                        in your menu bar, first choose Safari &gt; Preferences
+                        &gt; Advanced and enable &quot;Show Develop menu in menu
+                        bar&quot;). Then reload the viewer.
+                    </li>
                 </ul>
             </ContentPagePanel>
         </ContentPage>
diff --git a/src/components/TutorialPage/style.css b/src/components/TutorialPage/style.css
index cec6b9d87..ee7204be3 100644
--- a/src/components/TutorialPage/style.css
+++ b/src/components/TutorialPage/style.css
@@ -34,6 +34,10 @@
     box-shadow: 3px 3px 20px var(--text-gray);
 }
 
+.header-spacing {
+    margin-bottom: 16px;
+}
+
 /* Prevents image from being huge on larger screens */
 @media screen and (min-width: 576px) {
     .drag-drop-image {
diff --git a/src/containers/AppHeader/index.tsx b/src/containers/AppHeader/index.tsx
index 45b613adf..075d46a6a 100644
--- a/src/containers/AppHeader/index.tsx
+++ b/src/containers/AppHeader/index.tsx
@@ -87,6 +87,10 @@ const AppHeader: React.FC<AppHeaderProps> = ({
                     onClick={() => {
                         history.push("/");
                     }}
+                    // prevent lingering default focus style after following link
+                    onMouseUp={(e) => {
+                        (e.currentTarget as HTMLButtonElement).blur();
+                    }}
                 />
             </div>
             <ViewerTitle