From a5132fe4bdc99d540c8ccbead4717028afa59522 Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Fri, 27 Oct 2023 10:23:13 +0800
Subject: [PATCH] style(experience): update mfa-related styles (#4764)

---
 .../components/Button/MfaFactorButton.module.scss    | 12 +++++++++++-
 .../src/components/NavBar/index.module.scss          |  8 ++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/experience/src/components/Button/MfaFactorButton.module.scss b/packages/experience/src/components/Button/MfaFactorButton.module.scss
index f6479e883..68d842442 100644
--- a/packages/experience/src/components/Button/MfaFactorButton.module.scss
+++ b/packages/experience/src/components/Button/MfaFactorButton.module.scss
@@ -5,6 +5,7 @@
   height: unset;
   gap: _.unit(4);
   border-radius: 12px;
+  border-color: var(--color-line-divider);
 }
 
 .icon {
@@ -16,10 +17,11 @@
 .title {
   flex: 1;
   @include _.flex-column;
+  align-items: flex-start;
   text-align: left;
 
   .name {
-    font: var(--font-body-1);
+    font: var(--font-label-1);
   }
 
   .description {
@@ -27,3 +29,11 @@
     color: var(--color-type-secondary);
   }
 }
+
+:global(body.desktop) {
+  .title {
+    .name {
+      font: var(--font-label-2);
+    }
+  }
+}
diff --git a/packages/experience/src/components/NavBar/index.module.scss b/packages/experience/src/components/NavBar/index.module.scss
index 76cf404e9..e8f97a7d5 100644
--- a/packages/experience/src/components/NavBar/index.module.scss
+++ b/packages/experience/src/components/NavBar/index.module.scss
@@ -51,4 +51,12 @@
       text-decoration: underline;
     }
   }
+
+  .skipButton {
+    font: var(--font-label-2);
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
 }