use text instead of svg for better integration

src/app/Nav.vue

@@ -1,8 +1,8 @@
 <template>
   <nav class="nav flex-column">
-    <div class="logo d-flex justify-content-between">
+    <div class="sidebar-brand d-flex justify-content-between align-items-end">
       <Logo />
-      <button class="btn btn-link btn-lg p-0 d-md-none" @click="hideMenu">
+      <button class="btn btn-link btn-lg p-0 m-0 d-md-none" @click="hideMenu">
         <Icon icon="x" />
       </button>
     </div>

src/app/Sidebar.vue

@@ -26,11 +26,8 @@
     width: 250px;
   }
 
-  .sidebar-container .logo {
-    padding: 1.5rem 1rem;
-  }
-  .sidebar-container .logo > * {
-    height: 1.5rem;
+  .sidebar-container .sidebar-brand {
+    padding: 1rem 1rem 0.75rem;
   }
 
   .sidebar-container .sidebar-heading {