1 files changed, 34 insertions, 6 deletions
diff --git a/src/components/_sila/Global/PageTitle.vue b/src/components/_sila/Global/PageTitle.vue
index 45c75edb..3f8ffe66 100644
--- a/src/components/_sila/Global/PageTitle.vue
+++ b/src/components/_sila/Global/PageTitle.vue
@@ -1,7 +1,11 @@
 <template>
-  <div class="page-title">
-    <h1>{{ title }}</h1>
-    <p v-if="description">{{ description }}</p>
+  <div v-if="description" class="page-title">
+    <h1 class="bold-24px text-title">{{ title }}</h1>
+    <p class="page-description">{{ description }}</p>
+  </div>
+  <div v-else class="page-title no_description">
+    <h1 class="bold-24px text-title">{{ title }}</h1>
+    <p class="page-description">{{ description }}</p>
   </div>
 </template>
 
@@ -24,9 +28,33 @@ 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;
+  &.no_description {
+    height: 64px;
+  }
+}
+
+.text-title {
+  margin-left: 2rem;
 }
-p {
-  max-width: 72ch;
+
+.page-description {
+  color: $text-secondary;
+  font-family: 'Inter', sans-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+
+  margin: 4px 0 0 2rem;
+  padding: 0;
 }
 </style>