1 files changed, 27 insertions, 11 deletions
diff --git a/src/components/Global/PageTitle.vue b/src/components/Global/PageTitle.vue
index 45c75edb..12dde551 100644
--- a/src/components/Global/PageTitle.vue
+++ b/src/components/Global/PageTitle.vue
@@ -1,22 +1,17 @@
 <template>
   <div class="page-title">
-    <h1>{{ title }}</h1>
-    <p v-if="description">{{ description }}</p>
+    <h1 class="bold-24px text-title">{{ title }}</h1>
+    <p v-if="description" class="page-description">{{ description }}</p>
   </div>
 </template>
 
 <script>
 export default {
   name: 'PageTitle',
-  props: {
-    description: {
-      type: String,
-      default: '',
-    },
-  },
   data() {
     return {
       title: this.$route.meta.title,
+      description: this.$route.meta.description,
     };
   },
 };
@@ -24,9 +19,30 @@ export default {
 
 <style lang="scss" scoped>
 .page-title {
-  margin-bottom: $spacer * 2;
+  width: 100%;
+  height: 72px;
+  border-bottom: 1px solid $faint-secondary-primary-10;
+  background-color: $white;
+  z-index: 1001;
+
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: flex-start;
+  justify-content: center;
+}
+
+.text-title {
+  margin-left: 2rem;
 }
-p {
-  max-width: 72ch;
+
+.page-description {
+  color: $text-secondary;
+  font-family: Inter;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+
+  margin: 4px 0 0 2rem;
+  padding: 0;
 }
 </style>