diff --git a/frontend/src/components/static-pages/intro/index.tsx b/frontend/src/components/static-pages/intro/index.tsx
index 173ba5d4..951ba915 100644
--- a/frontend/src/components/static-pages/intro/index.tsx
+++ b/frontend/src/components/static-pages/intro/index.tsx
@@ -46,7 +46,7 @@ const Intro: React.FC<IntroProps> = ({
           {description && <div className="pr-[20%] text-xl">{description}</div>}
         </div>
       </div>
-      <div className="w-full border-l border-black md:w-[40%]">
+      <div className="w-full border-l border-r border-black md:w-[40%]">
         <div className="flex h-full flex-col">
           <span
             className="aspect-square max-h-[200px] border-b border-black bg-cover bg-center bg-no-repeat mix-blend-multiply md:max-h-full"
diff --git a/frontend/src/containers/homepage/intro/index.tsx b/frontend/src/containers/homepage/intro/index.tsx
index 1faeb836..b6d71993 100644
--- a/frontend/src/containers/homepage/intro/index.tsx
+++ b/frontend/src/containers/homepage/intro/index.tsx
@@ -103,7 +103,7 @@ const Intro: React.FC<IntroProps> = ({ onScrollClick }) => {
           </div>
         </div>
         <div className="border-l border-t border-white md:w-[40%] md:border-t-0">
-          <div className="flex h-full flex-col">
+          <div className="flex h-full flex-col border-r">
             <SidebarItem
               percentage={formattedOceanProtectedAreaPercentage}
               text="Current global ocean protected area"