diff --git a/resources/js/processes/designer/Assets.vue b/resources/js/processes/designer/Assets.vue
index 36a4600b45..94ec239f4d 100644
--- a/resources/js/processes/designer/Assets.vue
+++ b/resources/js/processes/designer/Assets.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="hasPermission()"
-    class="assets mb-3"
+    class="assets mb-3 border"
   >
     <b-navbar type="faded">
       <b-navbar-brand class="title-designer">
@@ -164,6 +164,7 @@ export default {
 <style scoped>
 .assets {
   background-color: #f9f9f9;
+  border-radius: 8px;
   padding: 0rem 1rem 1rem 1rem;
 }
 .card {
diff --git a/resources/js/processes/designer/MyProject.vue b/resources/js/processes/designer/MyProject.vue
index 13950fa2e2..c65239d042 100644
--- a/resources/js/processes/designer/MyProject.vue
+++ b/resources/js/processes/designer/MyProject.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="project mt-3">
+  <div class="project mt-3 border">
     <b-navbar type="faded">
       <b-navbar-brand class="title-designer">
         {{ $t("My Projects") }}
@@ -7,7 +7,7 @@
       <b-navbar-nav align="end">
         <div class="d-flex justify-content-end">
           <button
-            class="btn btn-outline-primary border-0 mr-1"
+            class="btn btn-outline-primary border-0 mr-1 button-color"
             @click="toggleInput"
           >
             <i class="fas fa-search" />
@@ -32,7 +32,7 @@
           v-if="!showInput"
           href="/designer/projects"
         >
-          <i class="fas fa-external-link-alt" />
+          <i class="fas fa-external-link-alt button-color" />
         </b-nav-item>
       </b-navbar-nav>
     </b-navbar>
@@ -86,6 +86,7 @@ export default {
 <style scoped>
 .project {
   background-color: #F9F9F9;
+  border-radius: 8px;
   height: 500px;
 }
 .card {
@@ -127,4 +128,15 @@ export default {
   line-height: 38px;
   letter-spacing: -1.28px;
 }
+.button-color {
+  color: #6C8498;
+}
+.btn-outline-primary:hover {
+  color: #6C8498;
+  background-color: #f9f9f9;
+}
+.active {
+  color:#6C8498;
+  background-color: #f9f9f9;
+}
 </style>
diff --git a/resources/js/processes/designer/RecentAssets.vue b/resources/js/processes/designer/RecentAssets.vue
index 843848857a..c9b375746b 100644
--- a/resources/js/processes/designer/RecentAssets.vue
+++ b/resources/js/processes/designer/RecentAssets.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="project">
+  <div class="project border">
     <b-navbar type="faded">
       <b-navbar-brand class="title-designer">
         {{ $t("RECENT ASSETS") }}
@@ -10,7 +10,7 @@
             v-if="!showInput"
             id="dropdownMenu"
             type="button"
-            class="btn btn-outline-primary border-0 text-capitalize dropdown-toggle"
+            class="btn btn-outline-primary border-0 text-capitalize dropdown-toggle button-color"
             data-toggle="dropdown"
             aria-haspopup="true"
             aria-expanded="false"
@@ -47,7 +47,7 @@
         </div>
         <div class="d-flex justify-content-end">
           <button
-            class="btn btn-outline-primary border-0 ml-1"
+            class="btn btn-outline-primary border-0 ml-1 button-color"
             @click="toggleInput"
           >
             <i class="fas fa-search" />
@@ -142,6 +142,7 @@ export default {
 <style scoped>
 .project {
   background-color: #F9F9F9;
+  border-radius: 8px;
 }
 .card {
   border-radius: 8px;
@@ -183,4 +184,15 @@ export default {
   line-height: 38px;
   letter-spacing: -1.28px;
 }
+.button-color {
+  color: #6C8498;
+}
+.btn-outline-primary:hover {
+  color: #6C8498;
+  background-color: #f9f9f9;
+}
+.btn-outline-primary.dropdown-toggle {
+  color: #6C8498;
+  background-color: #f9f9f9;
+}
 </style>
diff --git a/resources/views/designer/index.blade.php b/resources/views/designer/index.blade.php
index 381d321988..c629601133 100644
--- a/resources/views/designer/index.blade.php
+++ b/resources/views/designer/index.blade.php
@@ -15,9 +15,9 @@
 @endsection
 @section('content')
 
-<div id="new-designer" class="px-3 page-content mb-0">
+<div id="new-designer" class="p-3 page-content mb-0 bg-white">
     <welcome-designer></welcome-designer>
-    <div class="card card-body">
+    <div class="card card-body border-0">
         <div class="row">
             <div class="col-6">
                 <div class="row">