diff --git a/src/devhub/entity/post/List.jsx b/src/devhub/entity/post/List.jsx
index 32df89cd0..008544cbc 100644
--- a/src/devhub/entity/post/List.jsx
+++ b/src/devhub/entity/post/List.jsx
@@ -140,7 +140,7 @@ function defaultRenderItem(postId, additionalProps) {
   }
   // It is important to have a non-zero-height element as otherwise InfiniteScroll loads too many items on initial load
   return (
-    <div className="py-2" style={{ minHeight: "150px" }}>
+    <div style={{ minHeight: "auto" }}>
       <Widget
         src={"${REPL_DEVHUB}/widget/devhub.entity.post.Post"}
         props={{
@@ -153,6 +153,8 @@ function defaultRenderItem(postId, additionalProps) {
           onDraftStateChange,
           ...additionalProps,
           referral: postId,
+          hideTestPost: props.tag !== "devhub-test",
+          fromFeed,
         }}
       />
     </div>
@@ -316,7 +318,7 @@ const fetchMore =
       ));
 
 const items = state.items ? state.items.slice(0, state.displayCount) : [];
-
+console.log("items", items);
 const renderedItems = items.map(cachedRenderItem);
 
 const Head =
diff --git a/src/devhub/entity/post/Post.jsx b/src/devhub/entity/post/Post.jsx
index 274cdd6de..213c4ba37 100644
--- a/src/devhub/entity/post/Post.jsx
+++ b/src/devhub/entity/post/Post.jsx
@@ -855,7 +855,13 @@ const CardContainer = styled.div`
 `;
 
 return (
-  <CardContainer className={`card ${borders[snapshot.post_type]} attractable`}>
+  <CardContainer
+    className={`card my-3 ${borders[snapshot.post_type]} ${
+      props.hideTestPost && post.snapshot.labels.includes("devhub-test")
+        ? "d-none"
+        : ""
+    }`}
+  >
     {header}
     <div className="card-body" style={{ padding: 0 }}>
       {searchKeywords}