diff --git a/src/app/left-bar/left-bar.component.html b/src/app/left-bar/left-bar.component.html
index 763a76f95..c97ad6283 100644
--- a/src/app/left-bar/left-bar.component.html
+++ b/src/app/left-bar/left-bar.component.html
@@ -96,6 +96,15 @@
         <a class="cursor-pointer fs-15px text-grey5" [href]="getHelpMailToAttr()" target="_blank">Help</a>
       </div>
 
+      <a
+        [routerLink]="'/' + globalVars.RouteNames.CREATE_POST"
+        queryParamsHandling="merge"
+      >
+      <div class="w-60 justify-content-center d-flex btn-create" style="border-radius:10px; padding:10px; margin: 0 auto; margin-top: 20px;">
+        Create Post
+      </div>
+      </a>
+
       <div class="p-15px"></div>
 
       <left-bar-button
diff --git a/src/styles.scss b/src/styles.scss
index 471849375..c2d61d332 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -2171,6 +2171,11 @@ input {
   border-top-right-radius: calc(.3rem - 1px);
 }
 
+.btn-create {
+  background-color: var(--secondary);
+  color: var(--text);
+}
+
 .likes-modal-container, .quote-reclouts-modal-container, .reclouts-modal-container, .diamonds-modal-container {
   background-color: var(--background);
   color: var(--text);
@@ -2182,6 +2187,7 @@ input {
     text-decoration: inherit; // I prefer no underline when you hover over links
     color: var(--grey);
   }
+
 }
 
 [class*='mat-select'], [class*='mat-option-'], .mat-form-field-label, select {