diff --git a/src/app/error.tsx b/src/app/error.tsx
index db6d36727..87bf2262c 100644
--- a/src/app/error.tsx
+++ b/src/app/error.tsx
@@ -1,16 +1,13 @@
 'use client';
 
-import { Button } from '@/components/ui/button';
 import { InfoIcon } from 'lucide-react';
 import Link from 'next/link';
 import { useEffect } from 'react';
 
 export default function ErrorPage({
   error,
-  reset,
 }: {
   error: Error & { digest?: string };
-  reset: () => void;
 }) {
   useEffect(() => {
     // Log the error to an error reporting service
diff --git a/src/components/Copy-to-clipbord.tsx b/src/components/Copy-to-clipbord.tsx
index 8c56ddd0a..f556262df 100644
--- a/src/components/Copy-to-clipbord.tsx
+++ b/src/components/Copy-to-clipbord.tsx
@@ -19,8 +19,8 @@ const CopyToClipboard = ({
   };
 
   return (
-    <div>
-      <button onClick={handleCopyClick}>
+    <div className="w-full">
+      <button className="w-full" onClick={handleCopyClick}>
         <div className="flex items-center gap-x-2">
           Copy <CopyIcon size={15} />
         </div>
diff --git a/src/components/comment/CommentApproveForm.tsx b/src/components/comment/CommentApproveForm.tsx
index c344293ef..0109a3b2c 100644
--- a/src/components/comment/CommentApproveForm.tsx
+++ b/src/components/comment/CommentApproveForm.tsx
@@ -34,8 +34,8 @@ const CommentApproveForm = ({
     });
   };
   return (
-    <form onSubmit={handleFormSubmit}>
-      <button type="submit" disabled={isLoading}>
+    <form className="w-full" onSubmit={handleFormSubmit}>
+      <button className="w-full" type="submit" disabled={isLoading}>
         <div className="flex items-center gap-1">
           Approve Chapters <CheckIcon className="h-4 w-4" />
         </div>
diff --git a/src/components/comment/CommentDeleteForm.tsx b/src/components/comment/CommentDeleteForm.tsx
index 8c521cb73..093f60fbc 100644
--- a/src/components/comment/CommentDeleteForm.tsx
+++ b/src/components/comment/CommentDeleteForm.tsx
@@ -27,8 +27,8 @@ const CommentDeleteForm = ({ commentId }: { commentId: number }) => {
     });
   };
   return (
-    <form onSubmit={handleFormSubmit}>
-      <button type="submit" disabled={isLoading}>
+    <form className="w-full" onSubmit={handleFormSubmit}>
+      <button className="w-full" type="submit" disabled={isLoading}>
         <div className="flex items-center gap-x-2">
           Delete <Trash2Icon className="h-4 w-4" />
         </div>
diff --git a/src/components/comment/CommentPinForm.tsx b/src/components/comment/CommentPinForm.tsx
index 8e8019869..378124d83 100644
--- a/src/components/comment/CommentPinForm.tsx
+++ b/src/components/comment/CommentPinForm.tsx
@@ -34,8 +34,8 @@ const CommentPinForm = ({
     });
   };
   return (
-    <form onSubmit={handleFormSubmit}>
-      <button type="submit" disabled={isLoading}>
+    <form className="w-full" onSubmit={handleFormSubmit}>
+      <button className="w-full" type="submit" disabled={isLoading}>
         <div className="flex items-center gap-1">
           Pin <PinIcon className="h-4 w-4" />
         </div>
diff --git a/tsconfig.json b/tsconfig.json
index 1f308869a..cec286f06 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,14 +16,14 @@
     "incremental": true,
     "plugins": [
       {
-        "name": "next"
-      }
+        "name": "next",
+      },
     ],
     "paths": {
       "@/*": ["./src/*"],
-      "@public/*": ["./public/*"]
-    }
+      "@public/*": ["./public/*"],
+    },
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }