diff --git a/app/not-found.tsx b/app/not-found.tsx
index 51a2737..8e40042 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -10,7 +10,7 @@ const NotFoundPage = () => {
   const router = useRouter()
 
   return (
-    <div className="w-full flex flex-col items-center justify-center gap-6 p-10 bg-white dark:bg-midnight-slate rounded-3xl">
+    <div className="w-full flex flex-col items-center justify-center gap-6 p-10 bg-white dark:bg-midnight-slate rounded-xl xs:rounded-2xl sm:rounded-3xl">
       <NotFoundImage className="w-full max-w-[342px] h-auto" />
       <p className="text-black dark:text-white text-lg font-medium">
         Page Not Found!
diff --git a/components/section-wrapper.tsx b/components/section-wrapper.tsx
index 48d5001..8ddb8f6 100644
--- a/components/section-wrapper.tsx
+++ b/components/section-wrapper.tsx
@@ -15,7 +15,7 @@ export const SectionWrapper = ({
   children,
   childrenClass,
 }: sectionWraperProps) => (
-  <section className="w-full flex flex-col px-0 xs:px-2 sm:px-4 md:px-6 py-0 sm:py-2 md:py-4 bg-white dark:bg-midnight-slate rounded-3xl">
+  <section className="w-full flex flex-col px-0 xs:px-2 sm:px-4 md:px-6 py-0 sm:py-2 md:py-4 bg-white dark:bg-midnight-slate rounded-xl xs:rounded-2xl sm:rounded-3xl">
     <div className="flex items-center justify-between px-4 py-4 sm:py-6 gap-2">
       <h1
         className={'text-black dark:text-white text-xl sm:text-3xl font-bold'}