diff --git a/src/App.svelte b/src/App.svelte
index 2a2d2d3..92444de 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -72,14 +72,15 @@
     </div>
     <img class="w-96 -mb-48 md:w-xl md:-mr-56 md:-mt-64 md:-mb-80" src={menthealeauLogo} alt="Logo d'une menthe à l'eau" />
   </div>
-  <div class="flex flex-col md:items-center gap-2 max-w-200 w-full">
-    <div class="p-4 bg-[#f97095] rounded-md border-white border-5 drop-shadow-md flex flex-col gap-4 max-w-200 w-full">
-      <div class="text-container flex flex-row gap-4"> <!--Left col-->
+  <div class="flex flex-row md:items-center gap-2 max-w-200 w-full">
+    <div class="p-4 bg-[#f97095] rounded-md border-white border-5 drop-shadow-md flex flex-row gap-4 max-w-200 w-full">
+      
+      <div class="text-container flex flex-col gap-4 max-w-80"> <!--Left col-->
         <h1 class="font-[Momentz] text-white font-bold text-4xl">Menthe à l'eau</h1>
         <p class="text-white font-[Inter] font-bold">Créée à l'origine pour être un énorme dump de musique en tout genre. Cette playlist est contre toute attente devenue un énorme dump de musique en tout genre. Enjoy the radio. 📻</p>
       </div>
 
-      <div class="player-container flex flex-row gap-4"> <!--Right col-->
+      <div class="player-container flex flex-col gap-4"> <!--Right col-->
         {#if imageData == ""}
         <div class="block w-full pb-[26%] pt-[26%] flex flex-col items-center justify-center bg-[#ff99b4] rounded-md">
           <svg class="mr-3 -ml-1 size-5 animate-spin text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>