diff --git a/apps/course-app/src/lib/components/template-card/custom-template.svelte b/apps/course-app/src/lib/components/template-card/custom-template.svelte
index 62de58fc..5226b2eb 100644
--- a/apps/course-app/src/lib/components/template-card/custom-template.svelte
+++ b/apps/course-app/src/lib/components/template-card/custom-template.svelte
@@ -7,7 +7,7 @@
 
 <div
   id="custom-template-card"
-  class="group relative mb-5 flex h-full w-4/5 max-w-[340px] flex-col items-center justify-center rounded-md border px-4 py-2 shadow-2xl transition-all duration-500"
+  class="group relative mb-5 flex h-full w-[95%] max-w-[340px] flex-col items-center justify-center rounded-md border px-4 py-2 shadow-2xl transition-all duration-500"
 >
   <BorderBeam />
   <DotPattern />
diff --git a/apps/course-app/src/routes/+page.svelte b/apps/course-app/src/routes/+page.svelte
index 1e136a8e..4f61d142 100644
--- a/apps/course-app/src/routes/+page.svelte
+++ b/apps/course-app/src/routes/+page.svelte
@@ -93,7 +93,7 @@
         className="py-10 max-w-4xl mx-auto flex flex-col items-center justify-center px-30 gap-2 md:gap-5"
       >
         <BlurIn
-          class="pointer-events-none flex max-w-2xl flex-col items-center whitespace-pre-wrap bg-gradient-to-b from-black to-gray-300/80 bg-clip-text text-2xl font-semibold leading-none tracking-tighter text-transparent md:mb-4 md:block md:text-4xl lg:text-6xl"
+          class="pointer-events-none flex max-w-2xl flex-col items-center whitespace-pre-wrap bg-gradient-to-b from-black to-gray-300/80 bg-clip-text text-center text-2xl font-semibold leading-none tracking-tighter text-transparent md:mb-4 md:block md:text-4xl lg:text-start lg:text-6xl"
         >
           Create a <span class="font-mono italic text-blue-700">UNIVERSITY</span>
           <span>Site for your SAAS in</span>