diff --git a/webapp/src/components/content/game/cardmission/index.jsx b/webapp/src/components/content/game/cardmission/index.jsx
index 3b0e5dd..a6558ca 100644
--- a/webapp/src/components/content/game/cardmission/index.jsx
+++ b/webapp/src/components/content/game/cardmission/index.jsx
@@ -25,11 +25,11 @@ function CardMission({theme}) {
 
     return(
         <div className="h-60 w-72 bg-slate-200 flex flex-col justify-start items-center gap-5 rounded-md">
-            <h2 className="">{theme.theme}</h2>
+            <h2 className="font-bold mt-1">{theme.theme}</h2>
             <div>
                 <img src={img[id]} alt="perso" className="h-28 w-28 rounded-full object-cover object-left-top"/>
             </div>
-            <button className="px-4 py-3 text-white bg-darkBlue" onClick={() => changeTransi(id)}>Play</button>
+            <button className="px-1 py-2 w-32 rounded-lg text-white bg-darkBlue mt-2" onClick={() => changeTransi(id)}>Play</button>
             <div id={"transi-"+id} className={"fixed w-full h-1/2 top-1/4 py-4 bg-red-700 transition-all flex justify-center items-center "+transi}>
                 <img src={img[id]} alt="perso" className="h-full"/>
                 {/* <div className={"h-2 w-24 rounded-full bg-white blur-sm shadow shadow-white fixed top-1/3 transition duration-1000 "+group1}></div>
diff --git a/webapp/src/components/content/game/mainmenu/index.jsx b/webapp/src/components/content/game/mainmenu/index.jsx
index bae42cf..b40e0c7 100644
--- a/webapp/src/components/content/game/mainmenu/index.jsx
+++ b/webapp/src/components/content/game/mainmenu/index.jsx
@@ -18,7 +18,7 @@ function MainMenu() {
     },[]);
 
     return(
-        <main className="min-h-screen w-screen pl-44 bg-red-900 flex flex-row flex-wrap gap-12 p-8">
+        <main className="min-h-screen w-screen pl-44 bg-mainBlue flex flex-row flex-wrap gap-12 p-8">
             {themes.map((theme) => {
                 return(
                     <CardMission theme={theme} />