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">
diff --git a/client-solid/src/Components/SinglePost.tsx b/client-solid/src/Components/SinglePost.tsx
index 7aace84..d734a33 100644
--- a/client-solid/src/Components/SinglePost.tsx
+++ b/client-solid/src/Components/SinglePost.tsx
@@ -24,7 +24,7 @@ export function SinglePost(): JSXElement {
       <Show when={post()}>
         <PostSegment post={post()!} />
         <Show when={login_ctx.loggedIn()}>
-          <NewCommentInputArea parentPostId={parseInt(params.postid)} />
+          <NewCommentInputArea parentCommentId={null} parentPostId={parseInt(params.postid)} />
         </Show>
         <CommentSection postId={params.postid} />
       </Show>