diff --git a/src/components/contentDisplay/feedPost/FeedPost.tsx b/src/components/contentDisplay/feedPost/FeedPost.tsx
index 213d4582..bdea1fe2 100644
--- a/src/components/contentDisplay/feedPost/FeedPost.tsx
+++ b/src/components/contentDisplay/feedPost/FeedPost.tsx
@@ -30,6 +30,30 @@ export default function FeedPost(props: Props) {
   const { showToggle, shouldHide, message } = getPostFilter(post, filter);
   const [hidden, setHidden] = useState(shouldHide);
   const router = useRouter();
+  const isAuthorMuted = post.post.author.viewer?.muted;
+  const [showPost, setShowPost] = useState(!isAuthorMuted);
+
+  if (!showPost) {
+    return (
+      <>
+        {reason && <Reason reason={reason} />}
+        <article>
+          <div className="relative flex items-start gap-3">
+            <Avatar size="md" className="z-20 shrink-0" />
+            <div className={`flex grow flex-col ${isParent && "pb-6"}`}>
+              {isParent && !reason && <Threadline />}
+              <PostHider
+                message={"Post by muted user"}
+                hidden={true}
+                onToggleVisibility={() => setShowPost(true)}
+                showToggle={true}
+              />
+            </div>
+          </div>
+        </article>
+      </>
+    );
+  }
 
   return (
     <>
diff --git a/src/components/dataDisplay/avatar/Avatar.tsx b/src/components/dataDisplay/avatar/Avatar.tsx
index 1846c0cb..a31cc05f 100644
--- a/src/components/dataDisplay/avatar/Avatar.tsx
+++ b/src/components/dataDisplay/avatar/Avatar.tsx
@@ -5,9 +5,10 @@ import { getAvatarSize } from "@/lib/utils/image";
 interface Props {
   size?: AvatarSize;
   src?: string;
+  className?: string;
 }
 export default function Avatar(props: Props) {
-  const { size, src } = props;
+  const { size, src, className } = props;
   const [width, height] = getAvatarSize(size);
 
   return (
@@ -16,7 +17,7 @@ export default function Avatar(props: Props) {
       alt="Avatar"
       width={width}
       height={height}
-      className="rounded-full"
+      className={`rounded-full ${className}`}
     />
   );
 }
diff --git a/src/components/dataDisplay/postHider/PostHider.tsx b/src/components/dataDisplay/postHider/PostHider.tsx
index a66e3d95..0702c90b 100644
--- a/src/components/dataDisplay/postHider/PostHider.tsx
+++ b/src/components/dataDisplay/postHider/PostHider.tsx
@@ -1,5 +1,5 @@
 import Button from "@/components/actions/button/Button";
-import { MdNoAdultContent } from "react-icons/md";
+import { MdOutlineVisibilityOff } from "react-icons/md";
 import { Dispatch, SetStateAction } from "react";
 
 interface Props {
@@ -13,9 +13,9 @@ export default function PostHider(props: Props) {
   const { message, hidden, onToggleVisibility, showToggle } = props;
 
   return (
-    <div className="flex items-center justify-between gap-2 bg-neutral-100 p-3 rounded-lg font-medium text-neutral-600">
+    <div className="flex items-center justify-between gap-2 rounded-lg bg-neutral-100 p-3 font-medium text-neutral-600">
       <div className="flex items-center gap-2">
-        <MdNoAdultContent className="shrink-0 text-2xl" />
+        <MdOutlineVisibilityOff className="shrink-0 text-2xl" />
         <span>{message}</span>
       </div>
       {showToggle && (
@@ -24,7 +24,7 @@ export default function PostHider(props: Props) {
             e.stopPropagation();
             onToggleVisibility(hidden ? false : true);
           }}
-          className="bg-white border px-2 py-1 rounded-lg hover:brightness-95"
+          className="rounded-lg border bg-white px-2 py-1 hover:brightness-95"
         >
           {hidden ? "Show" : "Hide"}
         </Button>