diff --git a/client-solid/src/Components/Posts.tsx b/client-solid/src/Components/Posts.tsx
index 596185a..ad4d8a9 100644
--- a/client-solid/src/Components/Posts.tsx
+++ b/client-solid/src/Components/Posts.tsx
@@ -28,7 +28,7 @@ export function PostSegment(props: { post: Post }): JSXElement {
   return (
     <div class="card compact w-full flex-grow border-b-2 border-b-base-300 bg-base-200 text-base-content transition-all hover:bg-base-300">
       <div class="card-body">
-        <p class="break-words text-base-content">{props.post?.content}</p>
+        <p class="break-words text-base-content md:px-6 md:pt-2">{props.post?.content}</p>
         <div class="card-actions justify-end">
           <button
             onClick={(): void => nav("/post/" + props.post?.id)}