diff --git a/public/img/ideation_banner.png b/public/img/ideation_banner.png
deleted file mode 100644
index 337b23bb..00000000
Binary files a/public/img/ideation_banner.png and /dev/null differ
diff --git a/public/img/ideation_banner.svg b/public/img/ideation_banner.svg
new file mode 100644
index 00000000..7a4d7cb0
--- /dev/null
+++ b/public/img/ideation_banner.svg
@@ -0,0 +1,53 @@
+<svg width="230" height="200" viewBox="0 0 230 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M113.928 200C169.117 200 213.856 155.228 213.856 100C213.856 44.7715 169.117 0 113.928 0C58.7393 0 14 44.7715 14 100C14 155.228 58.7393 200 113.928 200Z" fill="#B1C6D4"/>
+<g filter="url(#filter0_d_4717_46759)">
+<path d="M205.082 41.0372V157.995C205.082 162.282 201.553 165.813 197.269 165.813H30.5901C26.3057 165.813 22.7773 162.282 22.7773 157.995V41.0372C22.7773 36.7496 26.3057 33.2188 30.5901 33.2188H197.269C201.553 33.2188 205.082 36.7496 205.082 41.0372Z" fill="url(#paint0_linear_4717_46759)"/>
+</g>
+<path d="M88.5424 90.3687L83.4927 90.4317C82.5282 90.5183 81.8633 89.6023 81.7943 88.828L81.7236 77.1262C81.6373 76.1583 82.55 75.4909 83.3216 75.4217L88.3713 75.3587C89.3358 75.2721 90.0007 76.1881 90.0697 76.9624L90.1404 88.6642C90.2267 89.6321 89.5241 90.4757 88.5424 90.3687Z" fill="#C4DED2"/>
+<path d="M101.377 90.3829L96.3273 90.4459C95.3628 90.5325 94.6979 89.6165 94.6289 88.8421L94.6538 71.668C94.5675 70.7001 95.4803 70.0327 96.2518 69.9635L101.302 69.9005C102.266 69.8139 102.931 70.7299 103 71.5042L102.975 88.6784C103.061 89.6463 102.149 90.3136 101.377 90.3829Z" fill="#327355"/>
+<path d="M114.002 90.2235L108.953 90.2865C107.988 90.373 107.323 89.4571 107.254 88.6827L107.165 65.8599C107.078 64.892 107.991 64.2247 108.763 64.1554L113.812 64.0924C114.777 64.0058 115.442 64.9218 115.511 65.6962L115.6 88.5189C115.687 89.4869 114.984 90.3305 114.002 90.2235Z" fill="#40936D"/>
+<path d="M132.328 63.5703H188.917" stroke="#327355" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M132.328 74.4219H188.917" stroke="#40936D" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M132.328 85.2734H164.111" stroke="#327355" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M139.301 114.734H82.7116" stroke="#A3CEE9" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M139.301 125.586H82.7116" stroke="#DAEAF2" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M139.301 136.438H107.518" stroke="#A3CEE9" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M174.912 114.897L174.789 103.622C187.374 104.493 197.291 114.934 197.568 127.399C197.695 135.39 193.514 142.452 187.129 146.465L181.332 136.228C184.162 134.183 185.874 130.846 185.931 126.863C185.887 120.993 180.928 115.773 174.912 114.897Z" fill="#14B8A6"/>
+<path d="M172.314 103.906L172.436 115.089C168.802 115.399 165.523 117.377 163.609 120.43L153.977 114.05C157.79 108.174 164.346 104.219 172.314 103.906Z" fill="#C4DED2"/>
+<path d="M152.226 116.965L162.083 123.36C161.757 124.487 161.432 125.613 161.567 127.022C161.558 133.525 167.156 139.001 174.108 139.278C176.033 139.251 177.737 138.968 179.22 138.429L184.966 148.334C181.727 149.847 178.062 150.618 174.229 150.441C161.025 150.194 150.288 139.524 150.049 126.722C150.071 123.24 150.808 119.834 152.226 116.965Z" fill="#B6E9E3"/>
+<path d="M227.342 172.415L211.156 155.951C209.763 154.534 207.859 153.86 205.996 153.929C205.326 153.954 204.648 153.763 204.178 153.285L202.226 151.3C201.518 150.58 201.463 149.45 202.05 148.629C212.119 134.543 210.838 114.677 198.394 102.019C187.603 91.0423 171.52 88.6148 158.447 94.8418C154.815 96.5305 151.391 98.9579 148.279 102.019C144.44 105.818 141.742 110.356 140.082 115.211C139.252 117.533 138.629 119.855 138.318 122.283C136.761 133.154 140.082 144.658 148.279 152.995C148.486 153.207 148.59 153.312 148.797 153.523C155.645 160.278 164.465 163.55 173.388 163.55C180.693 163.55 187.999 161.285 194.149 156.756C194.982 156.142 196.148 156.199 196.874 156.938L198.803 158.9C199.262 159.367 199.444 160.027 199.417 160.681C199.336 162.592 199.998 164.549 201.403 165.977L217.485 182.442C220.183 185.186 224.54 185.186 227.238 182.442C230.04 179.698 230.04 175.159 227.342 172.415ZM193.309 147.824C192.064 149.09 190.715 150.146 189.367 151.201C188.018 152.151 186.669 152.89 185.32 153.523C177.85 157.112 169.03 157.112 161.56 153.523C158.654 152.151 155.957 150.251 153.57 147.824C146.722 140.858 144.128 131.254 145.788 122.283C146.203 119.855 146.93 117.428 148.071 115.211C149.42 112.362 151.288 109.618 153.57 107.296C155.127 105.713 156.787 104.341 158.551 103.285C163.116 100.33 168.304 98.9579 173.492 98.9579C180.755 98.9579 187.914 101.702 193.413 107.296C204.308 118.483 204.308 136.636 193.309 147.824Z" fill="url(#paint1_linear_4717_46759)"/>
+<path d="M23.7539 43.4141H70.2655V164.344H27.7539C25.5448 164.344 23.7539 162.553 23.7539 160.344V43.4141Z" fill="#F5F5F5"/>
+<path d="M33.1016 62.0156H57.9078" stroke="#DAEAF2" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M33.1016 74.4219H53.2566" stroke="#A3CEE9" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M33.1016 86.8203H59.4582" stroke="#DAEAF2" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M33.1016 99.2266H43.9543" stroke="#A3CEE9" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M33.1016 111.633H54.807" stroke="#DAEAF2" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M33.1016 124.031H47.0551" stroke="#A3CEE9" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M205.082 41.0372V46.7118H22.7773V41.0372C22.7773 36.7496 26.3057 33.2188 30.5901 33.2188H197.269C201.553 33.2188 205.082 36.7496 205.082 41.0372Z" fill="url(#paint2_linear_4717_46759)"/>
+<path d="M30.9646 42.4247C32.2869 42.4247 33.3588 41.352 33.3588 40.0288C33.3588 38.7055 32.2869 37.6328 30.9646 37.6328C29.6423 37.6328 28.5703 38.7055 28.5703 40.0288C28.5703 41.352 29.6423 42.4247 30.9646 42.4247Z" fill="#F5F5F5"/>
+<path opacity="0.6" d="M38.4021 42.4247C39.7244 42.4247 40.7963 41.352 40.7963 40.0288C40.7963 38.7055 39.7244 37.6328 38.4021 37.6328C37.0798 37.6328 36.0078 38.7055 36.0078 40.0288C36.0078 41.352 37.0798 42.4247 38.4021 42.4247Z" fill="#F5F5F5"/>
+<path opacity="0.4" d="M45.9646 42.4247C47.2869 42.4247 48.3588 41.352 48.3588 40.0288C48.3588 38.7055 47.2869 37.6328 45.9646 37.6328C44.6423 37.6328 43.5703 38.7055 43.5703 40.0288C43.5703 41.352 44.6423 42.4247 45.9646 42.4247Z" fill="#F5F5F5"/>
+<defs>
+<filter id="filter0_d_4717_46759" x="0.777344" y="22.2188" width="226.305" height="176.594" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="11"/>
+<feGaussianBlur stdDeviation="11"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.397708 0 0 0 0 0.47749 0 0 0 0 0.575 0 0 0 0.27 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4717_46759"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4717_46759" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_4717_46759" x1="113.87" y1="30.1517" x2="113.87" y2="167.242" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EEEFF0"/>
+<stop offset="0.9964" stop-color="#EEEFF0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_4717_46759" x1="225.727" y1="91.4768" x2="140.733" y2="91.7675" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A3CEE9"/>
+<stop offset="1" stop-color="#DAEAF2"/>
+</linearGradient>
+<linearGradient id="paint2_linear_4717_46759" x1="197.85" y1="33.2188" x2="28.7086" y2="41.1752" gradientUnits="userSpaceOnUse">
+<stop stop-color="#40936D"/>
+<stop offset="1" stop-color="#327355"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/app/ideation/components/ContributionCard.tsx b/src/app/ideation/components/ContributionCard.tsx
index a5a75f6c..ae58fcb2 100644
--- a/src/app/ideation/components/ContributionCard.tsx
+++ b/src/app/ideation/components/ContributionCard.tsx
@@ -6,23 +6,25 @@ interface ContributionCardProps {
     name: string;
     avatar?: string;
   };
+  className?: string
+
 }
 
-function ContributionCard({ own_idea, contributed_by }: ContributionCardProps) {
+function ContributionCard({ own_idea, contributed_by, className }: ContributionCardProps) {
   return (
-    <div className="card w-1/3 h-fit bg-secondary-content rounded-lg">
+    <div className={`card max-w-[200px] w-full max-[1919px]:min-w-[160px] h-fit bg-secondary-content rounded-lg ${className}`}>
       <section className="flex flex-col items-start p-4 gap-y-4">
-        <h1 className="text-base font-medium text-base-300">
-          Contributed By
-        </h1>
-        <Avatar width={64} height={64} image={contributed_by.avatar} />
-        <h2 className="text-xl font-semibold text-base-300">
-          {contributed_by.name}
-        </h2>
+        <h1 className="text-base font-medium text-base-300">Contributed By</h1>
+        <div className="flex bg-base-100 items-center rounded-[100px] h-[25px] gap-x-2 py-[3px] px-[9px]">
+          <Avatar width={16} height={16} image={contributed_by.avatar} />
+          <h2 className="text-base font-medium text-base-300 leading-[19px]">
+            {contributed_by.name}
+          </h2>
+        </div>
         {own_idea ? (
           <Button
             title="Vote"
-            customClassName="w-full btn-secondary text-base-300 "
+            customClassName="w-full btn-secondary text-base-300 capitalize"
           >
             Edit Project
           </Button>
diff --git a/src/app/ideation/components/CreateIdeationContainer.tsx b/src/app/ideation/components/CreateIdeationContainer.tsx
index cd4692df..7677845b 100644
--- a/src/app/ideation/components/CreateIdeationContainer.tsx
+++ b/src/app/ideation/components/CreateIdeationContainer.tsx
@@ -3,8 +3,17 @@ import { Button } from "@/components";
 
 function CreateIdeationContainer() {
   return (
-    <div className="card w-full h-[190px] bg-base-100 flex flex-row items-center px-10">
-      <VoteDescriptionCard />
+    <div className="card w-full min-h-[190px] max-[1919px]:min-h-[280px] bg-base-100 flex flex-row items-center px-10">
+      <div className="flex flex-col justify-between h-full py-10 min-[1920px]:hidden">
+        <VoteDescriptionCard />
+        <Button
+          title="Create Project"
+          customClassName="max-[1920px]:w-[160px] btn-primary text-base-300 capitalize"
+        >
+          Create Project
+        </Button>
+      </div>
+      <VoteDescriptionCard className="hidden min-[1920px]:block" />
       <section className="card-body gap-y-7 px-20">
         <h2 className="text-xl font-semibold text-base-300">
           What is your Voyage project idea & vision?
@@ -17,7 +26,7 @@ function CreateIdeationContainer() {
       </section>
       <Button
         title="Create Project"
-        customClassName="w-1/7 btn-primary text-base-300 normal-case"
+        customClassName="max-w-[200px] w-full btn-primary text-base-300 capitalize hidden min-[1920px]:block"
       >
         Create Project
       </Button>
diff --git a/src/app/ideation/components/IdeationContainer.tsx b/src/app/ideation/components/IdeationContainer.tsx
index 56bdf549..f1604105 100644
--- a/src/app/ideation/components/IdeationContainer.tsx
+++ b/src/app/ideation/components/IdeationContainer.tsx
@@ -10,16 +10,18 @@ function IdeationContainer({
   contributed_by,
 }: Ideation) {
   return (
-    <div className="card w-full h-[457px] bg-base-200 flex flex-row items-start p-10 gap-x-20">
-      <VoteCard users={users} voted={voted} />
+    <div className="card w-full bg-base-200 flex flex-row items-start p-10 gap-x-20">
+      <div className="flex flex-col justify-between gap-y-[24px] min-[1920px]:hidden">
+        <VoteCard users={users} voted={voted} />
+        <ContributionCard own_idea={own_idea} contributed_by={contributed_by} />
+      </div>
+      <VoteCard users={users} voted={voted} className="hidden min-[1920px]:block" />
       <section className="card-body gap-y-7 p-0 w-[1000px] h-[377px] overflow-y-auto pr-5">
         <h2 className="text-xl font-semibold text-base-300">{title}</h2>
         <h3 className="text-base text-neutral-focus font-semibold">
           Project Idea
         </h3>
-        <p className="text-base text-base-300 font-medium">
-          {project_idea}
-        </p>
+        <p className="text-base text-base-300 font-medium">{project_idea}</p>
         <h3 className="text-base text-neutral-focus font-semibold">
           Vision Statement
         </h3>
@@ -27,7 +29,7 @@ function IdeationContainer({
           {vision_statement}
         </p>
       </section>
-      <ContributionCard own_idea={own_idea} contributed_by={contributed_by} />
+      <ContributionCard own_idea={own_idea} contributed_by={contributed_by} className="hidden min-[1920px]:block" />
     </div>
   );
 }
diff --git a/src/app/ideation/components/VoteCard.tsx b/src/app/ideation/components/VoteCard.tsx
index 561aa402..d50be806 100644
--- a/src/app/ideation/components/VoteCard.tsx
+++ b/src/app/ideation/components/VoteCard.tsx
@@ -3,15 +3,14 @@ import { Avatar, Button } from "@/components";
 interface VoteCardProps {
   users: string[];
   voted: boolean;
+  className?: string;
 }
 
-function VoteCard({ users, voted }: VoteCardProps) {
+function VoteCard({ users, voted, className }: VoteCardProps) {
   return (
-    <div className="card w-1/3 h-fit bg-primary-content rounded-lg">
+    <div className={`card max-w-[200px] max-[1919px]:min-w-[160px] w-full h-fit bg-primary-content rounded-lg ${className}`}>
       <section className="flex flex-col items-start p-4 gap-y-4">
-        <h1 className="text-3xl font-semibold text-base-300">
-          {users.length}
-        </h1>
+        <h1 className="text-3xl font-semibold text-base-300">{users.length}</h1>
         <h2 className="text-xl font-semibold text-base-300">{`Vote${
           users.length > 1 ? "s" : ""
         }`}</h2>
@@ -22,7 +21,7 @@ function VoteCard({ users, voted }: VoteCardProps) {
         </div>
         <Button
           title="Vote"
-          customClassName="w-full btn-primary text-base-300 disabled:bg-primary-focus disabled:text-base-200"
+          customClassName="w-full btn-primary text-base-300 disabled:bg-primary-focus disabled:text-base-200 capitalize"
           disabled={voted}
         >
           {voted ? "Voted" : "Vote"}
diff --git a/src/app/ideation/components/VoteDescriptionCard.tsx b/src/app/ideation/components/VoteDescriptionCard.tsx
index 0e77990f..5b4cb57e 100644
--- a/src/app/ideation/components/VoteDescriptionCard.tsx
+++ b/src/app/ideation/components/VoteDescriptionCard.tsx
@@ -1,9 +1,13 @@
-function VoteDescriptionCard() {
+interface VoteDescriptionCardProps {
+  className?: string
+}
+
+function VoteDescriptionCard({ className }: VoteDescriptionCardProps) {
   return (
-    <div className="card w-1/3 h-32 bg-primary-content rounded-lg">
+    <div className={`card max-w-[200px] w-full max-[1919px]:max-w-[160px] h-28 max-[1919px]:h-32 bg-primary-content rounded-lg ${className}`}>
       <section className="flex flex-col items-start p-4 gap-y-4">
-        <h2 className="text-xl font-semibold text-base-300">Votes</h2>
-        <p className="text-base font-medium text-base-300 text-left">
+        <h2 className="text-xl font-semibold text-base-300 leading-[24px]">Votes</h2>
+        <p className="text-base font-medium text-base-300 text-left leading-[19px]">
           Vote for the projects you are interested in.
         </p>
       </section>
diff --git a/src/app/ideation/components/fixtures/ideation.ts b/src/app/ideation/components/fixtures/ideation.ts
index 12c17fb3..3cb8320e 100644
--- a/src/app/ideation/components/fixtures/ideation.ts
+++ b/src/app/ideation/components/fixtures/ideation.ts
@@ -34,7 +34,7 @@ export const ideation = [
           future and build wealth through real estate investments.`,
     users: ["Test User 1", "Test User 2", "Test User 3"],
     contributed_by: {
-      name: "Test User 1",
+      name: "@User 1",
       avatar:
         "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQm3RFDZM21teuCMFYx_AROjt-AzUwDBROFww&usqp=CAU",
     },
@@ -54,7 +54,7 @@ export const ideation = [
     great way for families to save money by swapping gently used toys instead of buying new ones.`,
     users: ["Test User 1", "Test User 2"],
     contributed_by: {
-      name: "Test User 2",
+      name: "@User 2",
     },
     voted: false,
     own_idea: false,
diff --git a/src/app/ideation/page.tsx b/src/app/ideation/page.tsx
index 356a7400..e75aebd4 100644
--- a/src/app/ideation/page.tsx
+++ b/src/app/ideation/page.tsx
@@ -5,7 +5,7 @@ function IdeationPage() {
   return (
     <>
       <Banner
-        image="/img/ideation_banner.png"
+        image="/img/ideation_banner.svg"
         alt="ideation_banner"
         title="Ideation"
         description="Okay, time to put on your thinking caps and channel your inner creativity! What kind of amazing, mind-blowing project idea do you have that will make SpaceX jealous? Let's hear it!"