diff --git a/app/javascript/components/Board/NewPost.tsx b/app/javascript/components/Board/NewPost.tsx
index 407a5c68..744a2638 100644
--- a/app/javascript/components/Board/NewPost.tsx
+++ b/app/javascript/components/Board/NewPost.tsx
@@ -144,7 +144,7 @@ class NewPost extends React.Component<Props, State> {
     } = this.state;
 
     return (
-      <div className="newBoardContainer sidebarCard">
+      <div className="newPostContainer sidebarCard">
         <span className="boardTitle">{board.name}</span>
         <p><MutedText>{board.description}</MutedText></p>
         {
diff --git a/app/javascript/stylesheets/components/Board.scss b/app/javascript/stylesheets/components/Board.scss
index 8914e007..10659509 100644
--- a/app/javascript/stylesheets/components/Board.scss
+++ b/app/javascript/stylesheets/components/Board.scss
@@ -17,7 +17,7 @@
     .postList { width: 100%; }
   }
 
-  .newBoardContainer {
+  .newPostContainer {
     background-color: $astuto-grey;
     text-align: center;
 
@@ -25,6 +25,10 @@
       font-size: 25px;
       font-weight: 600;
     }
+
+    .newPostForm {
+      @extend .my-2;
+    }
   }
 
   .postStatusListItemContainer {
diff --git a/app/javascript/stylesheets/components/Post.scss b/app/javascript/stylesheets/components/Post.scss
index 68a79015..fd09f565 100644
--- a/app/javascript/stylesheets/components/Post.scss
+++ b/app/javascript/stylesheets/components/Post.scss
@@ -76,7 +76,8 @@
     @extend
       .card,
       .flex-grow-1,
-      .p-3;
+      .p-3,
+      .mb-3;
 
     .postInfo {
       @extend .d-flex;
diff --git a/app/javascript/stylesheets/general/_components.scss b/app/javascript/stylesheets/general/_components.scss
index 3c8e49f5..c1194aae 100644
--- a/app/javascript/stylesheets/general/_components.scss
+++ b/app/javascript/stylesheets/general/_components.scss
@@ -29,7 +29,7 @@ a {
 
 .sidebar {
   position: sticky;
-  top: 60px;
+  top: 79px;
 
   .sidebarCard {
     @extend