diff --git a/src/app/ideation/components/CreateIdeationContainer.tsx b/src/app/ideation/components/CreateIdeationContainer.tsx
index a9910035..7677845b 100644
--- a/src/app/ideation/components/CreateIdeationContainer.tsx
+++ b/src/app/ideation/components/CreateIdeationContainer.tsx
@@ -8,7 +8,7 @@ function CreateIdeationContainer() {
         <VoteDescriptionCard />
         <Button
           title="Create Project"
-          customClassName="max-[1920px]:w-[160px] btn-primary text-base-300 normal-case"
+          customClassName="max-[1920px]:w-[160px] btn-primary text-base-300 capitalize"
         >
           Create Project
         </Button>
@@ -26,7 +26,7 @@ function CreateIdeationContainer() {
       </section>
       <Button
         title="Create Project"
-        customClassName="max-w-[200px] w-full btn-primary text-base-300 normal-case hidden min-[1920px]:block"
+        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/VoteDescriptionCard.tsx b/src/app/ideation/components/VoteDescriptionCard.tsx
index 73d5fe79..5b4cb57e 100644
--- a/src/app/ideation/components/VoteDescriptionCard.tsx
+++ b/src/app/ideation/components/VoteDescriptionCard.tsx
@@ -1,4 +1,8 @@
-function VoteDescriptionCard({ className }: { className?: string }) {
+interface VoteDescriptionCardProps {
+  className?: string
+}
+
+function VoteDescriptionCard({ className }: VoteDescriptionCardProps) {
   return (
     <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">