diff --git a/website/app/(pages)/articles/views/ArtsForDocs.tsx b/website/app/(pages)/articles/views/ArtsForDocs.tsx
index 0739832..cf50d54 100644
--- a/website/app/(pages)/articles/views/ArtsForDocs.tsx
+++ b/website/app/(pages)/articles/views/ArtsForDocs.tsx
@@ -12,7 +12,7 @@ const ArtsForDocs = () => {
       txt_color="text-primary-100"
       id="artsfordocs"
     >
-      <div className="flex flex-col items-center justify-around md:flex-row">
+      <div className="flex flex-col items-center justify-around gap-6 md:flex-row">
         <div className="basis-2/5">
           <h1>For Doctors</h1>
           <div className="flex flex-col md:flex-row">
diff --git a/website/app/(pages)/articles/views/ArtsForPatients.tsx b/website/app/(pages)/articles/views/ArtsForPatients.tsx
index 842ba8b..6f257c5 100644
--- a/website/app/(pages)/articles/views/ArtsForPatients.tsx
+++ b/website/app/(pages)/articles/views/ArtsForPatients.tsx
@@ -12,7 +12,7 @@ const ArtsForPatients = () => {
       txt_color="text-primary-500"
       id="artsforpatients"
     >
-      <div className="flex flex-col items-center justify-around md:flex-row">
+      <div className="flex flex-col items-center justify-around gap-6 md:flex-row">
         <div className="basis-2/5">
           <Image
             src={doctorBack}