diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 1b525cf..068fb4f 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,5 +1,4 @@
 import { Component } from '@angular/core';
-import { LoaderService } from './services/loader.service';
 
 @Component({
   selector: 'app-root',
diff --git a/src/app/projects/projects.component.html b/src/app/projects/projects.component.html
index 6c43e02..4383500 100644
--- a/src/app/projects/projects.component.html
+++ b/src/app/projects/projects.component.html
@@ -57,9 +57,9 @@
             </figure>
 
             <h3 class="project-title">{{project.name}}</h3>
-
-            <span class="project-category" *ngFor="let category of project.categories; index as i" [ngClass]="i > 0 ? 'inline no-margin' : 'inline'">{{i > 0 ? ', ' + category : category}}</span>
-
+            <div class="project-category">
+              <span  *ngFor="let responsbility of project.responsibilities; index as i" class="inline">{{i > 0 ? ', ' + responsbility : responsbility}}</span>
+            </div>
           </a>
         </li>
 
diff --git a/src/styles.scss b/src/styles.scss
index af1383b..5cf324a 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -504,7 +504,7 @@
     line-height: 1.6;
   }
   
-  .about-text p { margin-bottom: 15px; }
+  .about-text pre { margin-bottom: 15px; }
   
   
   
@@ -1255,7 +1255,7 @@
   
     .project-img,
     .blog-banner-box { height: auto; }
-  
+
   }
   
   
@@ -1394,7 +1394,7 @@
   
     .about .article-title { margin-bottom: 20px; }
   
-    .about-text { margin-bottom: 40px; }
+    .about-text { margin-bottom: 35px; }
   
     /* service */