diff --git a/src/components/__tests__/__snapshots__/Banner.test.js.snap b/src/components/__tests__/__snapshots__/Banner.test.js.snap
index f1255747d4..cc8b6b9181 100644
--- a/src/components/__tests__/__snapshots__/Banner.test.js.snap
+++ b/src/components/__tests__/__snapshots__/Banner.test.js.snap
@@ -62,7 +62,8 @@ exports[`renders hidden banner, without action buttons and without image 1`] = `
             Array [
               Object {
                 "color": "#000000",
-                "fontFamily": "Helvetica Neue",
+                "fontFamily": "System",
+                "fontWeight": "400",
                 "textAlign": "left",
                 "writingDirection": "ltr",
               },
@@ -161,7 +162,8 @@ exports[`renders visible banner, with action buttons and with image 1`] = `
             Array [
               Object {
                 "color": "#000000",
-                "fontFamily": "Helvetica Neue",
+                "fontFamily": "System",
+                "fontWeight": "400",
                 "textAlign": "left",
                 "writingDirection": "ltr",
               },
@@ -244,7 +246,8 @@ exports[`renders visible banner, with action buttons and with image 1`] = `
                   Array [
                     Object {
                       "color": "#000000",
-                      "fontFamily": "Helvetica Neue",
+                      "fontFamily": "System",
+                      "fontWeight": "400",
                       "textAlign": "left",
                       "writingDirection": "ltr",
                     },
@@ -260,10 +263,12 @@ exports[`renders visible banner, with action buttons and with image 1`] = `
                       },
                       Object {
                         "color": "#6200ee",
-                        "fontFamily": "HelveticaNeue-Medium",
+                        "fontFamily": "System",
+                        "fontWeight": "500",
                       },
                       Object {
-                        "fontFamily": "HelveticaNeue-Medium",
+                        "fontFamily": "System",
+                        "fontWeight": "500",
                       },
                     ],
                   ]
@@ -330,7 +335,8 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
             Array [
               Object {
                 "color": "#000000",
-                "fontFamily": "Helvetica Neue",
+                "fontFamily": "System",
+                "fontWeight": "400",
                 "textAlign": "left",
                 "writingDirection": "ltr",
               },
@@ -413,7 +419,8 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
                   Array [
                     Object {
                       "color": "#000000",
-                      "fontFamily": "Helvetica Neue",
+                      "fontFamily": "System",
+                      "fontWeight": "400",
                       "textAlign": "left",
                       "writingDirection": "ltr",
                     },
@@ -429,10 +436,12 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
                       },
                       Object {
                         "color": "#6200ee",
-                        "fontFamily": "HelveticaNeue-Medium",
+                        "fontFamily": "System",
+                        "fontWeight": "500",
                       },
                       Object {
-                        "fontFamily": "HelveticaNeue-Medium",
+                        "fontFamily": "System",
+                        "fontWeight": "500",
                       },
                     ],
                   ]
@@ -503,7 +512,8 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
                   Array [
                     Object {
                       "color": "#000000",
-                      "fontFamily": "Helvetica Neue",
+                      "fontFamily": "System",
+                      "fontWeight": "400",
                       "textAlign": "left",
                       "writingDirection": "ltr",
                     },
@@ -519,10 +529,12 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
                       },
                       Object {
                         "color": "#6200ee",
-                        "fontFamily": "HelveticaNeue-Medium",
+                        "fontFamily": "System",
+                        "fontWeight": "500",
                       },
                       Object {
-                        "fontFamily": "HelveticaNeue-Medium",
+                        "fontFamily": "System",
+                        "fontWeight": "500",
                       },
                     ],
                   ]
@@ -610,7 +622,8 @@ exports[`renders visible banner, without action buttons and with image 1`] = `
             Array [
               Object {
                 "color": "#000000",
-                "fontFamily": "Helvetica Neue",
+                "fontFamily": "System",
+                "fontWeight": "400",
                 "textAlign": "left",
                 "writingDirection": "ltr",
               },
@@ -688,7 +701,8 @@ exports[`renders visible banner, without action buttons and without image 1`] =
             Array [
               Object {
                 "color": "#000000",
-                "fontFamily": "Helvetica Neue",
+                "fontFamily": "System",
+                "fontWeight": "400",
                 "textAlign": "left",
                 "writingDirection": "ltr",
               },
diff --git a/src/components/__tests__/__snapshots__/ListItem.test.js.snap b/src/components/__tests__/__snapshots__/ListItem.test.js.snap
index 7e1f2933e7..538686a2f2 100644
--- a/src/components/__tests__/__snapshots__/ListItem.test.js.snap
+++ b/src/components/__tests__/__snapshots__/ListItem.test.js.snap
@@ -50,7 +50,8 @@ exports[`renders list item with custom title and description styles 1`] = `
           Array [
             Object {
               "color": "#000000",
-              "fontFamily": "Helvetica Neue",
+              "fontFamily": "System",
+              "fontWeight": "400",
               "textAlign": "left",
               "writingDirection": "ltr",
             },
@@ -76,7 +77,8 @@ exports[`renders list item with custom title and description styles 1`] = `
           Array [
             Object {
               "color": "#000000",
-              "fontFamily": "Helvetica Neue",
+              "fontFamily": "System",
+              "fontWeight": "400",
               "textAlign": "left",
               "writingDirection": "ltr",
             },
diff --git a/src/components/__tests__/__snapshots__/ListSection.test.js.snap b/src/components/__tests__/__snapshots__/ListSection.test.js.snap
index dc90111e40..2937b4b4bb 100644
--- a/src/components/__tests__/__snapshots__/ListSection.test.js.snap
+++ b/src/components/__tests__/__snapshots__/ListSection.test.js.snap
@@ -29,10 +29,22 @@ exports[`renders list section with subheader 1`] = `
       },
       "dark": false,
       "fonts": Object {
-        "light": "HelveticaNeue-Light",
-        "medium": "HelveticaNeue-Medium",
-        "regular": "Helvetica Neue",
-        "thin": "HelveticaNeue-Thin",
+        "light": Object {
+          "fontFamily": "System",
+          "fontWeight": "300",
+        },
+        "medium": Object {
+          "fontFamily": "System",
+          "fontWeight": "500",
+        },
+        "regular": Object {
+          "fontFamily": "System",
+          "fontWeight": "400",
+        },
+        "thin": Object {
+          "fontFamily": "System",
+          "fontWeight": "100",
+        },
       },
       "roundness": 4,
     }
@@ -340,10 +352,22 @@ exports[`renders list section without subheader 1`] = `
       },
       "dark": false,
       "fonts": Object {
-        "light": "HelveticaNeue-Light",
-        "medium": "HelveticaNeue-Medium",
-        "regular": "Helvetica Neue",
-        "thin": "HelveticaNeue-Thin",
+        "light": Object {
+          "fontFamily": "System",
+          "fontWeight": "300",
+        },
+        "medium": Object {
+          "fontFamily": "System",
+          "fontWeight": "500",
+        },
+        "regular": Object {
+          "fontFamily": "System",
+          "fontWeight": "400",
+        },
+        "thin": Object {
+          "fontFamily": "System",
+          "fontWeight": "100",
+        },
       },
       "roundness": 4,
     }
diff --git a/src/components/__tests__/__snapshots__/Menu.test.js.snap b/src/components/__tests__/__snapshots__/Menu.test.js.snap
index 57226cbcd2..592fe33032 100644
--- a/src/components/__tests__/__snapshots__/Menu.test.js.snap
+++ b/src/components/__tests__/__snapshots__/Menu.test.js.snap
@@ -63,7 +63,8 @@ exports[`renders not visible menu 1`] = `
             Array [
               Object {
                 "color": "#000000",
-                "fontFamily": "Helvetica Neue",
+                "fontFamily": "System",
+                "fontWeight": "400",
                 "textAlign": "left",
                 "writingDirection": "ltr",
               },
@@ -77,10 +78,12 @@ exports[`renders not visible menu 1`] = `
                 undefined,
                 Object {
                   "color": "#6200ee",
-                  "fontFamily": "HelveticaNeue-Medium",
+                  "fontFamily": "System",
+                  "fontWeight": "500",
                 },
                 Object {
-                  "fontFamily": "HelveticaNeue-Medium",
+                  "fontFamily": "System",
+                  "fontWeight": "500",
                 },
               ],
             ]
@@ -157,7 +160,8 @@ exports[`renders visible menu 1`] = `
             Array [
               Object {
                 "color": "#000000",
-                "fontFamily": "Helvetica Neue",
+                "fontFamily": "System",
+                "fontWeight": "400",
                 "textAlign": "left",
                 "writingDirection": "ltr",
               },
@@ -171,10 +175,12 @@ exports[`renders visible menu 1`] = `
                 undefined,
                 Object {
                   "color": "#6200ee",
-                  "fontFamily": "HelveticaNeue-Medium",
+                  "fontFamily": "System",
+                  "fontWeight": "500",
                 },
                 Object {
-                  "fontFamily": "HelveticaNeue-Medium",
+                  "fontFamily": "System",
+                  "fontWeight": "500",
                 },
               ],
             ]