diff --git a/ui/app/components/NavBar.js b/ui/app/components/NavBar.js
index a174bb375..840071340 100644
--- a/ui/app/components/NavBar.js
+++ b/ui/app/components/NavBar.js
@@ -16,6 +16,7 @@ const NavBar = ({ isLoggedIn, login, logout }) => (
+ Export Tool
diff --git a/ui/app/css/Barlow-Bold.ttf b/ui/app/css/Barlow-Bold.ttf
new file mode 100644
index 000000000..28f2d3a57
Binary files /dev/null and b/ui/app/css/Barlow-Bold.ttf differ
diff --git a/ui/app/css/style.css b/ui/app/css/style.css
index 5bb2a1b2d..729aeda39 100644
--- a/ui/app/css/style.css
+++ b/ui/app/css/style.css
@@ -22,6 +22,13 @@
}
}
+@font-face {
+ font-family: "Barlow";
+ src: url("./Barlow-Bold.ttf");
+ font-display: swap;
+ font-weight: 700;
+}
+
html,
body {
width: 100%;
@@ -46,6 +53,9 @@ a {
.navbar-brand {
padding: 0;
+ display: flex;
+ align-items: flex-end;
+ gap: 10px;
}
.navbar-default {
@@ -55,7 +65,15 @@ a {
.navbar-brand .logo {
margin-left: 20px;
margin-top: 10px;
- height: 42px;
+ height: 35px;
+}
+
+.navbar-brand span {
+ line-height: 40px;
+ font-family: "Barlow"; /* hot-font-sans-variant */
+ font-weight: 700;
+ font-size: 1.4rem;
+ color: #2C3038; /* hot-color-neutral-950 */
}
.navbar-default .navbar-nav > li > a {
diff --git a/ui/app/images/hot-logo.svg b/ui/app/images/hot-logo.svg
index 0d500d609..e72d9ba37 100644
--- a/ui/app/images/hot-logo.svg
+++ b/ui/app/images/hot-logo.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file