From 13a9fef123d8f5efd1800fac99f8c4cbd98822b0 Mon Sep 17 00:00:00 2001
From: Igor Guastalla <limaguastallaigor@gmail.com>
Date: Mon, 28 Sep 2020 16:49:15 -0300
Subject: [PATCH] chore: change font, fix snapshot error (false positive)

---
 .storybook/theme.js                               | 2 +-
 tests/unit/__snapshots__/vue-paycard.spec.js.snap | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/.storybook/theme.js b/.storybook/theme.js
index b18a773..f499945 100644
--- a/.storybook/theme.js
+++ b/.storybook/theme.js
@@ -13,7 +13,7 @@ export default create({
   appBorderRadius: 4,
 
   // Typography
-  fontBase: '"Open Sans", sans-serif',
+  fontBase: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Open Sans", sans-serif',
   fontCode: 'monospace',
 
   // Text colors
diff --git a/tests/unit/__snapshots__/vue-paycard.spec.js.snap b/tests/unit/__snapshots__/vue-paycard.spec.js.snap
index 94f9c86..a7aec3f 100644
--- a/tests/unit/__snapshots__/vue-paycard.spec.js.snap
+++ b/tests/unit/__snapshots__/vue-paycard.spec.js.snap
@@ -61,7 +61,8 @@ exports[`When I create the VuePaycard component should match default component s
         </label>
         <div class="card-item__date"><label for="v-card-month" aria-label="Expiration date" class="card-item__dateTitle">Expires</label> <label for="v-card-month" aria-label="Card month" class="card-item__dateItem"><span name="slide-fade-up">MM</span></label>
           /
-          <label for="v-card-year" aria-label="Card year" class="card-item__dateItem"><span name="slide-fade-up">YY</span></label></div>
+          <label for="v-card-year" aria-label="Card year" class="card-item__dateItem"><span name="slide-fade-up">YY</span></label>
+        </div>
       </div>
     </div>
   </div>