diff --git a/client-solid/src/Components/Posts.tsx b/client-solid/src/Components/Posts.tsx
index 39377d4..b082ca6 100644
--- a/client-solid/src/Components/Posts.tsx
+++ b/client-solid/src/Components/Posts.tsx
@@ -27,8 +27,8 @@ export function PostSegment(props: { post: Post }): JSXElement {
   const nav = useNavigate();
   return (
     <div class="card compact w-full flex-grow border-b-2 border-b-primary bg-base-200 text-base-content transition-all hover:bg-base-300">
-      <div class="card-body">
-        <p class="break-words text-base-content md:px-6 md:pt-2">
+      <div class="card-body md:mx-6">
+        <p class="break-words text-base-content md:pt-2">
           {props.post?.content}
         </p>
         <div class="card-actions justify-between">