diff --git a/src/components/sections/FeatureSection.astro b/src/components/sections/FeatureSection.astro
index 2daa5b6..e275a87 100644
--- a/src/components/sections/FeatureSection.astro
+++ b/src/components/sections/FeatureSection.astro
@@ -7,10 +7,10 @@ import directus from '@lib/directus';
 const global = await directus.request(readSingleton('site_global'));
 ---
 
-<section class="max-w-340 2xl:max-w-full px-4 py-10 mx-auto mb-8">
+<section class="max-w-340 2xl:max-w-full px-4 py-10 mx-auto mb-2 md:mb-8">
   <div class="flex items-center justify-center">
     <div class="max-w-5xl">
-      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-4 lg:gap-6">
         <FeaturesCard
           title="Cloud Engineer"
           description="Full stack and cloud engineer."