diff --git a/circle.yml b/circle.yml
index fd35990be..2084eb9ca 100644
--- a/circle.yml
+++ b/circle.yml
@@ -28,6 +28,11 @@ deployment:
     owner: appirio-tech
     commands:
       - ./deploy.sh TEST01
+  test02:
+    branch: test02
+    owner: appirio-tech
+    commands:
+      - ./deploy.sh TEST02
   qa:
     branch: qa
     owner: appirio-tech
diff --git a/src/components/ActionCard/ActionCard.jsx b/src/components/ActionCard/ActionCard.jsx
index f9bcf8a36..1b5106820 100644
--- a/src/components/ActionCard/ActionCard.jsx
+++ b/src/components/ActionCard/ActionCard.jsx
@@ -75,7 +75,7 @@ class Header extends React.Component{
         <div className="portrait">
           &nbsp;
         </div>
-        <div className="object">
+        <div className="object topicBody">
           <div className="card-header">
             <div className="card-title">
               <div>{this.props.title}</div>
diff --git a/src/components/ActionCard/ActionCard.scss b/src/components/ActionCard/ActionCard.scss
index 166967f6a..14e64fcc2 100644
--- a/src/components/ActionCard/ActionCard.scss
+++ b/src/components/ActionCard/ActionCard.scss
@@ -124,6 +124,10 @@
       &::before {
         content: " · ";
       }
+      
+      a {
+        color: $tc-gray-70;
+      }
     }
 
     .card-status {
@@ -132,6 +136,10 @@
     }
   }
 
+  .topicBody{
+    width: calc(100% - 40px);
+  }
+
   .card-body {
     @include roboto;
     font-size: $tc-label-lg;
@@ -139,6 +147,7 @@
     line-height: $base-unit*5;
     padding: 10px 0;
     word-break: break-word;
+    overflow-x:auto;
 
     &.comment-section {
       margin-bottom: -50px;
diff --git a/src/components/Feed/Feed.jsx b/src/components/Feed/Feed.jsx
index b2742f455..b51cc2e51 100644
--- a/src/components/Feed/Feed.jsx
+++ b/src/components/Feed/Feed.jsx
@@ -77,7 +77,7 @@ class Feed extends React.Component {
           <div className="portrait">
             <Avatar avatarUrl={user.photoURL} userName={authorName} />
           </div>
-          <div className="object">
+          <div className="object topicBody">
             <div className="card-title">
               <div>{title}</div>
               {self && (
diff --git a/src/components/Home/Home.scss b/src/components/Home/Home.scss
index f48b1f5e9..bf2d5755d 100644
--- a/src/components/Home/Home.scss
+++ b/src/components/Home/Home.scss
@@ -70,6 +70,7 @@
 			padding-bottom: $base-unit*6;
 		}
 		.tc-btn{
+			color: #cfe6ff;
 			height:$base-unit*8;
 			width: $base-unit*50;
 			text-align: center;
@@ -79,6 +80,14 @@
 			font-size: $tc-label-lg;
 			display: block;
 			margin-bottom: $base-unit * 4;
+			&:hover {
+				color:#ffffff;
+				background-image: linear-gradient(#3996FF 0%, #127BF3 100%) !important;				
+			}			
+			&:active {
+				color:#ffffff;
+				background-image: linear-gradient(#3996FF 0%, #127BF3 100%) !important;
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/src/projects/create/components/ProjectOutline.scss b/src/projects/create/components/ProjectOutline.scss
index 172aed47b..7f5766f6a 100644
--- a/src/projects/create/components/ProjectOutline.scss
+++ b/src/projects/create/components/ProjectOutline.scss
@@ -37,6 +37,7 @@
     margin-top: $base-unit * 4;
     margin-bottom: $base-unit * 4;
     word-break: break-all;
+    white-space: pre-line;
   }
 
   .project-meta-data {
diff --git a/src/projects/detail/containers/Specification.scss b/src/projects/detail/containers/Specification.scss
index e12db078e..637700415 100644
--- a/src/projects/detail/containers/Specification.scss
+++ b/src/projects/detail/containers/Specification.scss
@@ -85,7 +85,8 @@ $sideBarWidth: 280px;
       text-transform: none;
     }
 
-    &:-moz-placeholder {
+    &::-moz-placeholder {
+      line-height: 45px;
       color: #888894;
       opacity: 1;
       text-transform: none;
diff --git a/src/styles/_fonts.scss b/src/styles/_fonts.scss
index aba02dca7..b955b4c88 100644
--- a/src/styles/_fonts.scss
+++ b/src/styles/_fonts.scss
@@ -1,17 +1,16 @@
 // FONT STACK
 // --------------------------------------------------------------------------------------------
 // Use the mixin to include fonts.
-
 @mixin font-family($font-name, $font-weight, $font-style, $font-url, $font-file) {
   @font-face {
-      font-family: '#{$font-name}';
-      src: url('#{$font-url}#{$font-file}.eot');
-      src: url('#{$font-url}#{$font-file}.eot?#iefix') format('embedded-opentype'),
-           url('#{$font-url}#{$font-file}.woff') format('woff'),
-           url('#{$font-url}#{$font-file}.ttf') format('truetype'),
-           url('#{$font-url}.svg##{$font-file}') format('svg');
-      font-weight: $font-weight;
-      font-style: $font-style;
+    font-family: '#{$font-name}';
+    src: url('#{$font-url}#{$font-file}.eot');
+    src: url('#{$font-url}#{$font-file}.eot?#iefix') format('embedded-opentype'),
+         url('#{$font-url}#{$font-file}.woff') format('woff'),
+         url('#{$font-url}#{$font-file}.ttf') format('truetype'),
+         url('#{$font-url}#{$font-file}.svg##{$font-name}') format('svg');
+    font-weight: $font-weight;
+    font-style: $font-style;
   }
 }
 
@@ -30,20 +29,20 @@
 //  900   Black (Heavy)
 
 // Roboto
-@include font-family('Roboto', 900, normal, '~/src/assets/fonts/roboto/', 'roboto-black');
-@include font-family('Roboto', 900, italic, '~/src/assets/fonts/roboto/', 'roboto-blackitalic');
+@include font-family('Roboto', 900, normal, '../assets/fonts/roboto/', 'roboto-black');
+@include font-family('Roboto', 900, italic, '../assets/fonts/roboto/', 'roboto-blackitalic');
 
-@include font-family('Roboto', 700, normal, '~/src/assets/fonts/roboto/', 'roboto-bold');
-@include font-family('Roboto', 700, italic, '~/src/assets/fonts/roboto/', 'roboto-bolditalic');
+@include font-family('Roboto', 700, normal, '../assets/fonts/roboto/', 'roboto-bold');
+@include font-family('Roboto', 700, italic, '../assets/fonts/roboto/', 'roboto-bolditalic');
 
-@include font-family('Roboto', 500, normal, '~/src/assets/fonts/roboto/', 'roboto-medium');
-@include font-family('Roboto', 500, italic, '~/src/assets/fonts/roboto/', 'roboto-mediumitalic');
+@include font-family('Roboto', 500, normal, '../assets/fonts/roboto/', 'roboto-medium');
+@include font-family('Roboto', 500, italic, '../assets/fonts/roboto/', 'roboto-mediumitalic');
 
-@include font-family('Roboto', 400, normal, '~/src/assets/fonts/roboto/', 'roboto-regular');
-@include font-family('Roboto', 400, italic, '~/src/assets/fonts/roboto/', 'roboto-italic');
+@include font-family('Roboto', 400, normal, '../assets/fonts/roboto/', 'roboto-regular');
+@include font-family('Roboto', 400, italic, '../assets/fonts/roboto/', 'roboto-italic');
 
-@include font-family('Roboto', 300, normal, '~/src/assets/fonts/roboto/', 'roboto-light');
-@include font-family('Roboto', 300, italic, '~/src/assets/fonts/roboto/', 'roboto-lightitalic');
+@include font-family('Roboto', 300, normal, '../assets/fonts/roboto/', 'roboto-light');
+@include font-family('Roboto', 300, italic, '../assets/fonts/roboto/', 'roboto-lightitalic');
 
-@include font-family('Roboto', 100, normal, '~/src/assets/fonts/roboto/', 'roboto-thin');
-@include font-family('Roboto', 100, italic, '~/src/assets/fonts/roboto/', 'roboto-thinitalic');
+@include font-family('Roboto', 100, normal, '../assets/fonts/roboto/', 'roboto-thin');
+@include font-family('Roboto', 100, italic, '../assets/fonts/roboto/', 'roboto-thinitalic');