diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_1_tablet.png
index 9fe8896fa1..4ac6095bff 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a6b7a6dd53b8576d499bf0b30cf22a9f4fff3a327b0631574da4978f547f0614
+oid sha256:f8efafc93138f3a54694499fbc3e2f83173640d50ac426302749a994a816c84e
 size 13336
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_2_mobile.png
index ecad2f0957..6101b97273 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:82042d56f62ac64c67268a1ddfa9c4fa61678ac4800f161fad896c672025f0a7
+oid sha256:f538c5f806f9952e6735876d597757d7edada96c93fffbfb2da789ef74ea9baa
 size 10199
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_0_desktop.png
index 864b7e40eb..d42e49995c 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:096c9a803f778fbd787e468e12e30953fe1f26c11baf22fcc92cb2e0571200f8
-size 36327
+oid sha256:5b3ef52cd5f02619e030185f13298a6d4cf3a95fd102e6f8f75a15e3672fb7e1
+size 36323
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_1_tablet.png
index c7c975f641..5d90c23528 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ec0a6090afad00b67b8fdaf24fff33790a4b60373eb2804caf401611d9f5ab99
+oid sha256:06121e974ce5248bfd25ccba5e949245d87d9e172f2c9455be1bc6455a16cfb6
 size 30418
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_2_mobile.png
index 104651e5a2..f62a0aa981 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-vertical_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:bcd0a93bb5ae793b14e46dd72667cf106104aa871a3d1273ef9fbb977724406e
+oid sha256:4546250f3a6ac9d989d5375f035f00d5123c3f9b47365b4ed487a90ea77bcc39
 size 26264
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_0_desktop.png
index 50bfdd6b52..5a89d9dfb9 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7f10c06cb4df80e7a635c7ee557114b1d92e33ec3bab7e4feb6d27844b89cae7
+oid sha256:8390a3509c4fc09c2a3f1403fd79875ae6c0893eea2e9a918e47df365f95f3dd
 size 14923
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_1_tablet.png
index d6ed4baadb..d57802a28c 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:195dbfca623ce0efcec5fba4a81bd18848cbbb7caa172755d346a411cd69c2cf
+oid sha256:1e0e759b298b550f51d0633c2ae00f77bd2c194ebf43a38f2fc5ad1692e65ee8
 size 9777
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_2_mobile.png
index 3150079961..8b639dd636 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:90c8b91ea9f7c404ea27108bcec9a2969c933f91c8d74927fb15e490a1eeb7d4
-size 6776
+oid sha256:0f7118b7917f81bbad3b396f0291e11ed3e93de79501618d560268d7b53da1fd
+size 6775
diff --git a/src/components/section-navigation/_section-navigation.scss b/src/components/section-navigation/_section-navigation.scss
index dc234f1bb5..a1b3363785 100644
--- a/src/components/section-navigation/_section-navigation.scss
+++ b/src/components/section-navigation/_section-navigation.scss
@@ -26,7 +26,6 @@
         padding: 0;
         &--active {
             border-left: 4px solid var(--ons-color-text-link-active);
-            font-weight: $font-weight-bold;
             margin-left: -1rem;
             padding-left: 0.75rem;
             a,
@@ -46,9 +45,7 @@
     &__item-header {
         @extend .ons-u-mb-no;
 
-        font-size: 1.125rem;
-        font-weight: 700;
-        line-height: 1.6;
+        @extend .ons-u-fs-r--b;
     }
 
     &__sub-items {
@@ -68,7 +65,6 @@
             &--active,
             &:hover {
                 border-color: var(--ons-color-text-link-active);
-                margin: 0 1rem 0 0;
                 padding: 0;
                 a,
                 h2,