diff --git a/app/javascript/components/Board/NewPost.tsx b/app/javascript/components/Board/NewPost.tsx
index 05e60b51..4b721fcb 100644
--- a/app/javascript/components/Board/NewPost.tsx
+++ b/app/javascript/components/Board/NewPost.tsx
@@ -135,7 +135,7 @@ class NewPost extends React.Component<Props, State> {
           isLoggedIn ?
             <button
               onClick={this.toggleForm}
-              className="submitBtn btn btn-dark">
+              className={`submitBtn btn btn-${showForm ? 'outline-' : ''}dark`}>
               { showForm ? 'Cancel' : 'Submit feedback' }
             </button>
           :
diff --git a/app/javascript/components/Board/PostListItem.tsx b/app/javascript/components/Board/PostListItem.tsx
index dd13b78a..b3a2ee56 100644
--- a/app/javascript/components/Board/PostListItem.tsx
+++ b/app/javascript/components/Board/PostListItem.tsx
@@ -23,7 +23,7 @@ const PostListItem = ({ title, description, postStatus}: Props) => (
           <span className="comment icon"></span>
           <span>0 comments</span>
         </div>
-        <div className="postDetailsStatus" style={{color: postStatus.color}}>
+        <div className="postDetailsStatus">
           <div className="dot" style={{backgroundColor: postStatus.color}}></div>
           <span className="postStatusName">{postStatus.name}</span>
         </div>
diff --git a/app/javascript/components/Board/PostStatusListItem.tsx b/app/javascript/components/Board/PostStatusListItem.tsx
index 7b051d78..d60365ff 100644
--- a/app/javascript/components/Board/PostStatusListItem.tsx
+++ b/app/javascript/components/Board/PostStatusListItem.tsx
@@ -20,7 +20,7 @@ const PostStatusListItem = ({
     <a onClick={handleClick} className="postStatusListItemLink">
       <div className="postStatusListItem">
         <div className="dot" style={{backgroundColor: color}}></div>
-        <span className="postStatusName" style={{color: color}}>{name}</span>
+        <span className="postStatusName">{name}</span>
       </div>
     </a>
     {
diff --git a/app/javascript/stylesheets/components/Board.scss b/app/javascript/stylesheets/components/Board.scss
index 0eeb7921..3c17d95e 100644
--- a/app/javascript/stylesheets/components/Board.scss
+++ b/app/javascript/stylesheets/components/Board.scss
@@ -5,11 +5,6 @@
   align-items: flex-start;
   flex-wrap: nowrap;
 
-  .smallTitle {
-    font-size: 18px;
-    font-weight: 500;
-  }
-
   .sidebar {
     top: 20px;
     position: sticky;
@@ -32,6 +27,11 @@
   
     padding: 8px;
     margin: 8px;
+
+    .smallTitle {
+      font-size: 19px;
+      font-weight: 600;
+    }
   }
 
   .newBoardContainer {
@@ -85,7 +85,8 @@
       display: flex;
       align-items: center;
 
-      text-transform: uppercase;
+      font-size: 17px;
+      font-weight: 500;
 
       padding: 4px;
     }
@@ -151,6 +152,7 @@
       
         color: black;
         font-size: 16px;
+        font-weight: 300;
         text-transform: uppercase;
         
         .postDetailsComments {