diff --git a/resources/js/processes/designer/Assets.vue b/resources/js/processes/designer/Assets.vue
index 4032ce12df..36a4600b45 100644
--- a/resources/js/processes/designer/Assets.vue
+++ b/resources/js/processes/designer/Assets.vue
@@ -4,7 +4,7 @@
     class="assets mb-3"
   >
     <b-navbar type="faded">
-      <b-navbar-brand class="text-uppercase">
+      <b-navbar-brand class="title-designer">
         {{ $t("Assets") }}
       </b-navbar-brand>
     </b-navbar>
diff --git a/resources/js/processes/designer/MyProject.vue b/resources/js/processes/designer/MyProject.vue
index 1e6d04328c..13950fa2e2 100644
--- a/resources/js/processes/designer/MyProject.vue
+++ b/resources/js/processes/designer/MyProject.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="project mt-3">
     <b-navbar type="faded">
-      <b-navbar-brand class="text-uppercase">
+      <b-navbar-brand class="title-designer">
         {{ $t("My Projects") }}
       </b-navbar-brand>
       <b-navbar-nav align="end">
@@ -45,7 +45,7 @@
 </template>
 
 <script>
-import ProjectsLastModifiedListing from './ProjectsLastModifiedListing';
+import ProjectsLastModifiedListing from "./ProjectsLastModifiedListing.vue";
 
 Vue.component("ProjectsLastModifiedListing", ProjectsLastModifiedListing);
 
diff --git a/resources/js/processes/designer/RecentAssets.vue b/resources/js/processes/designer/RecentAssets.vue
index 5cf5a1421b..843848857a 100644
--- a/resources/js/processes/designer/RecentAssets.vue
+++ b/resources/js/processes/designer/RecentAssets.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="project">
     <b-navbar type="faded">
-      <b-navbar-brand class="text-uppercase">
+      <b-navbar-brand class="title-designer">
         {{ $t("RECENT ASSETS") }}
       </b-navbar-brand>
       <div class="d-flex" align="end">
@@ -82,7 +82,7 @@
 </template>
 
 <script>
-import RecentAssetsList from './RecentAssetsList.vue';
+import RecentAssetsList from "./RecentAssetsList.vue";
 
 Vue.component("RecentAssetsList", RecentAssetsList);
 
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 552b79ef2a..5eef89bad7 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -996,4 +996,14 @@ nav {
 #processWizard___BV_modal_body_ .card {
   background-color: inherit;
   border: none;
-}
\ No newline at end of file
+}
+
+.title-designer {
+  color: var(--Black-for-icons, #57646F);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  letter-spacing: -0.28px;
+  text-transform: uppercase;
+}