diff --git a/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss b/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss
index 4f7e98ab..953aa782 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss
@@ -1,7 +1,8 @@
 .container {
   height: 100%;
-  display:flex;
+  display: flex;
   flex-flow: row;
+  padding-top: 30px;
 
   .left-side {
     width: 380px;
@@ -9,8 +10,8 @@
     flex: 0 0 auto;
   }
   .contents {
-    flex:1 1 auto;
-    min-width:400px;
+    flex: 1 1 auto;
+    min-width: 400px;
     height: 100%;
 
     .messages {