diff --git a/devsoc24-portal-fe/src/app/home/page.tsx b/devsoc24-portal-fe/src/app/home/page.tsx
index 2d87cae..54d9034 100644
--- a/devsoc24-portal-fe/src/app/home/page.tsx
+++ b/devsoc24-portal-fe/src/app/home/page.tsx
@@ -250,7 +250,7 @@ export default function HomePage() {
   const ideaCard = [
     {
       text: "Submit An Idea",
-      showModal: false,
+      showModal: getIdea !== "idea found",
       modalType: idea === 409 ? "Choice" : "JoinTeam",
       routeTo: "/submit-idea",
     },
diff --git a/devsoc24-portal-fe/src/components/customCard.tsx b/devsoc24-portal-fe/src/components/customCard.tsx
index 0a5c82d..e94bd7b 100644
--- a/devsoc24-portal-fe/src/components/customCard.tsx
+++ b/devsoc24-portal-fe/src/components/customCard.tsx
@@ -23,7 +23,7 @@ function CustomCard(props: CardProps) {
     <>
       <div className="h-fit w-full rounded-xl bg-white md:w-[32vw]">
         <div className="pl-6 pt-4 font-semibold text-[#45464E]">{title}</div>
-        <div className="flex flex-col items-center justify-center p-8">
+        <div className="flex flex-col items-center justify-center p-6">
           <div className="rounded-full border-[#E1E2E9] bg-[#F4F5FA] p-8">
             <Image
               src={`/images/${cardImage}.svg`}
diff --git a/devsoc24-portal-fe/src/components/track/TrackCard.tsx b/devsoc24-portal-fe/src/components/track/TrackCard.tsx
index 886af44..325b3fd 100644
--- a/devsoc24-portal-fe/src/components/track/TrackCard.tsx
+++ b/devsoc24-portal-fe/src/components/track/TrackCard.tsx
@@ -3,13 +3,13 @@ import Image from "next/image";
 
 const TrackCard = (props: { name: string; imagesrc: string }) => {
   return (
-    <div className="md:h-[300px] h-[250px] my-6 md:w-full w-[70vw] overflow-hidden rounded-2xl flex flex-col items-center relative border-2 border-black">
+    <div className="md:h-[200px] h-[200px]  md:w-full w-[70vw] overflow-hidden rounded-2xl flex flex-col items-center relative border-2 border-black">
       <Image
         src={props.imagesrc}
         alt="track image"
         height={300}
         width={300}
-        className="h-[250px] w-full"
+        className="h-[150px] w-full"
       />
       <div className="flex h-[50px] w-full items-center bg-[#3B3B3B] pl-4 font-semibold text-white absolute bottom-0">
         {props.name}