diff --git a/src/app/components/post-list/list-item-skeleton.tsx b/src/app/components/post-list/list-item-skeleton.tsx
index a08f28f5..6b7120fc 100644
--- a/src/app/components/post-list/list-item-skeleton.tsx
+++ b/src/app/components/post-list/list-item-skeleton.tsx
@@ -5,7 +5,8 @@ import Skeleton from "@components/skeleton"
 export const ListItemSkeleton = () => (
 	<li>
 		<Card style={{ overflowY: "scroll" }}>
-			<div style={{ display: "flex", gap: 16 }}>
+			{/* TODO: this is a bad way to do skeletons and is onlya ccurate on desktop */}
+			<div style={{ display: "flex", gap: 16, marginBottom: 14 }}>
 				<div className={styles.title}>
 					{/* title */}
 					<Skeleton width={80} height={32} />