diff --git a/src/components/Companies.tsx b/src/components/Companies.tsx
index e40ed5a..787d84b 100644
--- a/src/components/Companies.tsx
+++ b/src/components/Companies.tsx
@@ -40,7 +40,7 @@ const row2 = logos.slice(6);
 
 export function Companies() {
   return (
-    <div id="companies" className="relative bg-black flex flex-col items-center justify-center w-full overflow-hidden antialiased py-12 -top-20">
+    <div id="companies" className="relative bg-black flex flex-col items-center justify-center w-full overflow-hidden antialiased lg:py-12 py-4 -top-20">
       <div className="relative z-10 mx-auto w-full max-w-6xl p-4">
 
         {/* Heading */}