diff --git a/apps/web/src/sections/Features/cards/cli.tsx b/apps/web/src/sections/Features/cards/cli.tsx
index 58739259..428c21af 100644
--- a/apps/web/src/sections/Features/cards/cli.tsx
+++ b/apps/web/src/sections/Features/cards/cli.tsx
@@ -1,6 +1,6 @@
 const CLI = () => {
   return (
-    <div className="bg-muted h-full space-y-3 rounded-md p-3">
+    <div className="bg-muted h-full space-y-3 overflow-x-auto rounded-md p-3">
       <div className="flex items-center gap-x-2">
         <div className="h-2 w-2 rounded-full bg-red-500"></div>
         <div className="h-2 w-2 rounded-full bg-yellow-500"></div>
diff --git a/apps/web/src/sections/Footer/Footer.astro b/apps/web/src/sections/Footer/Footer.astro
index 7754ab84..b8f2e01c 100644
--- a/apps/web/src/sections/Footer/Footer.astro
+++ b/apps/web/src/sections/Footer/Footer.astro
@@ -3,7 +3,7 @@
 ---
 
 <footer
-  class="text-muted-foreground mt-[100px] text-center text-sm md:text-base md:pb-5"
+  class="text-muted-foreground mt-[100px] text-center text-sm md:text-base mx-3 sm:mx-0 md:pb-5"
 >
   <p>
     Developed by{" "}
diff --git a/apps/web/src/sections/Heading/Heading.astro b/apps/web/src/sections/Heading/Heading.astro
index 619522b7..8f11d55c 100644
--- a/apps/web/src/sections/Heading/Heading.astro
+++ b/apps/web/src/sections/Heading/Heading.astro
@@ -66,7 +66,7 @@ import DownloadBtn from "./download-btn"
     </div>
   </MaxWidthWrapper>
   <div
-    class="w-[400px] md:w-[800px] lg:w-[1080px] relative flex flex-col items-center"
+    class="w-[310px] sm:w-[400px] md:w-[800px] lg:w-[1080px] relative flex flex-col items-center"
   >
     <Image
       src={Overview}