diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
index ae83b903..a1f03445 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
@@ -45,7 +45,7 @@
   color: #ffffff;
   font-size: 11px;
   text-align: center;
-  
+
   .myprofile-img {
     display: block;
     border-radius: 10px;
@@ -66,7 +66,7 @@
     .mat-tab-list {
       .mat-tab-labels {
         flex-flow: column;
-        height: 280px;
+        height: 360px;
         padding-top: 10px;
         border-bottom: none;
         .mat-tab-label {
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts
index f28c7f5b..446a790c 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts
@@ -534,11 +534,11 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
       FileViewerDialogResult
     >(FileViewerDialogComponent, {
       position: {
-        top: '30px'
+        top: '50px'
       },
       maxWidth: '100vw',
       maxHeight: '100vh',
-      height: 'calc(100% - 30px)',
+      height: 'calc(100% - 50px)',
       width: '100%',
       hasBackdrop: false,
       panelClass: 'app-dialog-full',
diff --git a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
index 53874b92..7b33d0ee 100644
--- a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
+++ b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
@@ -94,7 +94,7 @@ $daesang: (
   400: #26c6da,
   500: #00bcd4,
   /*600: #00acc1,*/ 600: #00b6d5,
-  700: #0097a7,
+  700: #1ea7b9,
   800: #0367a6,
   900: #024873,
   A100: #84ffff,
@@ -139,7 +139,7 @@ $daesang-grey: (
   A100: #ffffff,
   A200: #eeeeee,
   A400: #bdbdbd,
-  A700: #616161,
+  A700: #1e2b3a,
   contrast: (
     50: $dark-primary-text,
     100: $dark-primary-text,
@@ -256,7 +256,11 @@ $daesang-grey: (
     background-color: mat-color($accent, 400);
   }
   .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
-    background-color: mat-color($accent, 200);
+    background-color: mat-color($accent, 700);
+    cursor: pointer;
+    .mat-chip-remove {
+      opacity: 0.6;
+    }
   }
 
   .global-menu {
diff --git a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss
index d345084b..60953038 100644
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss
@@ -28,8 +28,8 @@
   .mat-card-header{
     justify-content: center;
     padding-bottom: 40px;
-    background: #ce395d;
-    background: linear-gradient(to right, #345385, #ef4c73);
+    background: #76d9c5;
+    /*background: linear-gradient(to right, #345385, #ef4c73);*/
     color: #ffffff;
     padding-top: 20px;
     width:100%;