diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx
index 02d3016..0b379be 100644
--- a/src/components/Projects.tsx
+++ b/src/components/Projects.tsx
@@ -22,7 +22,7 @@ const projectsText = {
 
 export default function Projects() {
   return (
-    <div className='mx-16 py-10 md:mx-32'>
+    <div className='mx-16 py-10 md:mx-32 lg:mx-48 xl:mx-64'>
       <h1 className='mb-6 text-center text-3xl font-semibold'>
         {projectsText.title}
       </h1>
diff --git a/src/components/Skills.tsx b/src/components/Skills.tsx
index a0d6e3a..9571376 100644
--- a/src/components/Skills.tsx
+++ b/src/components/Skills.tsx
@@ -66,7 +66,7 @@ const skillsText = {
 
 export default function Skills() {
   return (
-    <div className='mx-16 py-10 md:mx-32'>
+    <div className='mx-16 py-10 md:mx-32 lg:mx-48 xl:mx-64'>
       <h1 className='mb-6 text-center text-3xl font-semibold'>
         {skillsText.title}
       </h1>