diff --git a/assets/scss/_landing_project.scss b/assets/scss/_landing_project.scss
index 07f9cf91..599b75d6 100644
--- a/assets/scss/_landing_project.scss
+++ b/assets/scss/_landing_project.scss
@@ -64,6 +64,8 @@
 .handbook-section {
   display: flex;
   grid-column: span 2;
+  // flex-basis: 100%;
+  // flex: 2;
   background: linear-gradient(112deg, #000 34.88%, rgba(0, 110, 88, 0.82) 92.89%, #000 159.16%);
   flex-direction: row;
   align-items: start;
@@ -103,16 +105,13 @@
 .forum-section {
   grid-row: span 3;
   overflow: hidden;
-  justify-content: baseline;
-  align-content: baseline;
-  justify-self: baseline;
-  align-self: baseline;
+
   img {
     box-shadow: -8px 4px 25px 0px rgba(0, 211, 169, 0.50), 0px -8px 25px 0px rgba(0, 211, 169, 0.50);
     
     border-radius: 8px;
-    width: 160%;
-    min-height: 26rem;
+    height: 18rem;
+    min-height: 70%;
    
   }
   @media (max-width: 1000px) {
diff --git a/content/en/_index.md b/content/en/_index.md
index 7573d372..37abcc3b 100644
--- a/content/en/_index.md
+++ b/content/en/_index.md
@@ -58,6 +58,7 @@ title: Layer5
   </div>
 </a>
 
+<a href="https://discuss.layer5.io">
 <div class= "forum-section">
   <div class="grid-card">
   <span class="product-head">Discussion forum</span>
@@ -65,6 +66,7 @@ title: Layer5
   <img src="images/landing/discuss.png" />
   </div>
 </div>
+</a>
 
 <a href="https://layer5.io/community/handbook">
 <div class= "handbook-section grid-card">