diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
new file mode 100644
index 000000000..a31e4bd01
--- /dev/null
+++ b/pnpm-workspace.yaml
@@ -0,0 +1,6 @@
+onlyBuiltDependencies:
+  - '@prisma/client'
+  - '@prisma/engines'
+  - bcrypt
+  - esbuild
+  - prisma
diff --git a/src/app/(main)/(pages)/home/page.tsx b/src/app/(main)/(pages)/home/page.tsx
index c251ae697..dafab7eb5 100644
--- a/src/app/(main)/(pages)/home/page.tsx
+++ b/src/app/(main)/(pages)/home/page.tsx
@@ -12,7 +12,7 @@ export default async function MyCoursesPage() {
 
   return (
     <main className="flex flex-col gap-4 pb-16 pt-8">
-      <div className="flex flex-col justify-between gap-4 lg:flex-row">
+      <div className="flex flex-col justify-between gap-4 lg:flex-row sm:text-center sm:justify-center">
         <h1 className="text-wrap text-3xl font-extrabold capitalize tracking-tighter md:text-4xl">
           <Greeting /> {session.user.name}
         </h1>
diff --git a/src/components/Courses.tsx b/src/components/Courses.tsx
index 416fae1cd..f2fee429d 100644
--- a/src/components/Courses.tsx
+++ b/src/components/Courses.tsx
@@ -23,7 +23,7 @@ export const Courses = ({ courses }: { courses: Course[] }) => {
   };
   const router = useRouter();
   return (
-    <section className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+    <section className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 sm:place-items-center">
       {courses?.map((course) => (
         <CourseCard
           key={course.id}