diff --git a/backend/logs/access.log b/backend/logs/access.log
index 05d97ab..59d09fe 100644
--- a/backend/logs/access.log
+++ b/backend/logs/access.log
@@ -9367,3 +9367,132 @@
 [2025-08-25 16:31:35.595] [undefined] POST(/): try to post comment
 [2025-08-25 16:31:35.613] [undefined] POST(/): successfully post comment with status 200
 [2025-08-25 16:31:43.544] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 1 with status 200
+[2025-08-25 16:33:03.444] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:33:03.450] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:33:03.518] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:33:03.521] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:33:03.531] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:33:12.849] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:33:12.854] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:33:12.858] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:33:12.864] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:33:12.872] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:33:20.914] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:33:20.920] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:33:20.923] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:33:20.926] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:33:20.935] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:33:44.580] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:33:44.584] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:33:44.587] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:33:44.591] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:33:44.604] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:34:12.270] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:34:12.275] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:34:12.277] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:34:12.281] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:34:12.289] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:34:20.285] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:34:20.288] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:34:20.291] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:34:20.297] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:34:20.304] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:34:43.954] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:34:43.957] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:34:43.965] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:34:43.968] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:34:43.974] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:34:57.459] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:34:57.464] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:34:57.473] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:34:57.484] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:34:57.492] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:35:10.632] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:35:10.636] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:35:10.641] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:35:10.645] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:35:10.652] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:35:24.943] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:35:24.946] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:35:24.955] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:35:24.961] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:35:24.971] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:35:31.244] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:35:31.247] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:35:31.256] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:35:31.259] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:35:31.264] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:35:36.240] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:35:54.271] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:35:54.276] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:35:54.285] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:35:54.290] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:35:54.298] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:36:05.609] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:36:05.613] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:36:05.622] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:36:05.625] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:36:05.634] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:36:25.106] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:36:25.110] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:36:25.117] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:36:25.121] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:36:25.128] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:36:45.734] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:36:45.737] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:36:45.745] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:36:45.750] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:36:45.763] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:37:01.446] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:37:01.450] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:37:01.456] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:37:01.460] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:37:01.466] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:37:19.303] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:37:19.306] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:37:19.315] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:37:19.321] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:37:19.331] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:37:47.523] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:37:47.527] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:37:47.535] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:37:47.539] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:37:47.546] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:37:54.710] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:37:54.715] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:37:54.722] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:37:54.730] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:37:54.741] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:38:10.787] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:38:10.791] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:38:10.798] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:38:10.801] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:38:10.809] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:38:31.050] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:38:31.056] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:38:31.064] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:38:31.071] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:38:31.079] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:38:39.658] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:38:39.662] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:38:39.671] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:38:39.675] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:38:39.682] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:38:43.858] [undefined] GET(/:id): Playlist retrieved with id 1 with status 200
+[2025-08-25 16:38:44.656] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:38:44.661] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:38:44.671] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:38:44.675] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:38:44.681] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:38:48.152] [undefined] GET(/:id): try to get video 1
+[2025-08-25 16:38:48.157] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
+[2025-08-25 16:38:48.173] [undefined] GET(/:id): successfully get video 1 with status 200
+[2025-08-25 16:38:48.241] [undefined] GET(/:id/similar): try to get similar videos for video 1
+[2025-08-25 16:38:48.260] [undefined] GET(/:id/similar): successfully get similar videos for video 1 with status 200
+[2025-08-25 16:38:48.293] [undefined] GET(/:id/views): try to add views for video 1
+[2025-08-25 16:38:48.304] [undefined] GET(/:id/views): successfully added views for video 1 with status 200
+[2025-08-25 16:38:49.367] [undefined] GET(/:id/channel): try to retrieve channel of user 1
+[2025-08-25 16:38:49.370] [undefined] GET(/:id/history): try to retrieve history of user 1
+[2025-08-25 16:38:49.379] [undefined] GET(/:id/channel): successfully retrieved channel of user 1 with status 200
+[2025-08-25 16:38:49.382] [undefined] GET(/:id/history): successfully retrieved history of user 1 with status 200
+[2025-08-25 16:38:49.422] [undefined] GET(/user/:id): Playlists retrieved for user with id 1 with status 200
diff --git a/frontend/src/pages/Account.jsx b/frontend/src/pages/Account.jsx
index cf1c29e..c331798 100644
--- a/frontend/src/pages/Account.jsx
+++ b/frontend/src/pages/Account.jsx
@@ -46,7 +46,7 @@ export default function Account() {
 
     const [editMode, setEditMode] = useState(false);
 
-    const nonEditModeClasses = "text-2xl font-bold text-white p-2 focus:text-white focus:outline-none w-full font-montserrat";
+    const nonEditModeClasses = "text-lg lg:text-2xl font-bold text-white p-2 focus:text-white focus:outline-none w-full font-montserrat";
     const editModeClasses = nonEditModeClasses + " glassmorphism";
 
     const handlePlaylistClick = (playlistId) => {
@@ -95,11 +95,11 @@ export default function Account() {
         <div className="min-w-screen min-h-screen  bg-linear-to-br from-left-gradient to-right-gradient">
             <Navbar isSearchPage={false} alerts={alerts} onCloseAlert={onCloseAlert} />
 
-            <main className="px-36 pt-[118px] flex justify-between items-start">
+            <main className="px-5 lg:px-36 pt-[48px] lg:pt-[118px] lg:flex justify-between items-start">
                 {/* Left side */}
 
                 {/* Profile / Edit profile */}
-                <form className="glassmorphism  w-1/3 p-10">
+                <form className="glassmorphism  lg:w-1/3 p-10">
                     <div className="relative w-1/3 aspect-square overflow-hidden mb-3 mx-auto" onMouseEnter={() => setIsPictureEditActive(true)} onMouseLeave={() => setIsPictureEditActive(false)} >
                         <label htmlFor="image">
                             <img
@@ -114,7 +114,7 @@ export default function Account() {
                         </label>
                         <input type="file" accept="image/*" id="image" className="absolute inset-0 w-full h-full opacity-0 cursor-pointer" disabled={!editMode} />
                     </div>
-                    <label htmlFor="name" className="text-2xl text-white mb-1 block font-montserrat">
+                    <label htmlFor="name" className="text-xl lg:text-2xl text-white mb-1 block font-montserrat">
                         Nom d'utilisateur
                     </label>
                     <input
@@ -127,7 +127,7 @@ export default function Account() {
                         disabled={!editMode}
                     />
 
-                    <label htmlFor="email" className="text-2xl text-white mb-1 mt-4 block font-montserrat">
+                    <label htmlFor="email" className="text-xl lg:text-2xl text-white mb-1 mt-4 block font-montserrat">
                         Adresse e-mail
                     </label>
                     <input
@@ -142,7 +142,7 @@ export default function Account() {
 
                     {editMode && (
                         <>
-                            <label htmlFor="password" className="text-2xl text-white mb-1 mt-4 block font-montserrat">
+                            <label htmlFor="password" className="text-xl lg:text-2xl text-white mb-1 mt-4 block font-montserrat">
                                 Mot de passe
                             </label>
                             <input
@@ -155,7 +155,7 @@ export default function Account() {
                                 disabled={!editMode}
                             />
 
-                            <label htmlFor="confirm-password" className="text-2xl text-white mb-1 mt-4 block font-montserrat">
+                            <label htmlFor="confirm-password" className="text-xl lg:text-2xl text-white mb-1 mt-4 block font-montserrat">
                                 Confirmer le mot de passe
                             </label>
                             <input
@@ -178,14 +178,14 @@ export default function Account() {
                                 <div>
                                     <button
                                         type="button"
-                                        className="bg-primary p-3 rounded-sm text-white font-montserrat text-2xl font-black cursor-pointer"
+                                        className="bg-primary p-3 rounded-sm text-white font-montserrat text-lg text-2xl font-black cursor-pointer"
                                         onClick={handleUpdateUser}
                                     >
                                         Enregistrer
                                     </button>
                                     <button
                                         type="button"
-                                        className="bg-red-500 p-3 rounded-sm text-white font-montserrat text-2xl font-black cursor-pointer ml-3"
+                                        className="bg-red-500 p-3 rounded-sm text-white font-montserrat text-lg lg:text-2xl font-bold cursor-pointer ml-3"
                                         onClick={() => setEditMode(!editMode)}
                                     >
                                         Annuler
@@ -194,7 +194,7 @@ export default function Account() {
                             ) : (
                                 <button
                                     type="button"
-                                    className="bg-primary p-3 rounded-sm text-white font-montserrat text-2xl font-black cursor-pointer"
+                                    className="bg-primary p-3 rounded-sm text-white font-montserrat text-lg lg:text-2xl font-bold cursor-pointer"
                                     onClick={() => setEditMode(!editMode)}
                                 >
                                     Modifier le profil
@@ -206,13 +206,13 @@ export default function Account() {
 
                 { /* Right side */}
 
-                <div className="w-2/3 flex flex-col items-start pl-10">
+                <div className="lg:w-2/3 flex flex-col items-start lg:pl-10 mt-8 lg:mt-0">
                     {/* Channel */}
                     {userChannel ? (
                         <div className="glassmorphism p-10 w-full flex justify-between">
-                            <p className="text-3xl text-white mb-2 font-montserrat font-bold">{userChannel.channel.name}</p>
+                            <p className="text-xl lg:text-3xl text-white mb-2 font-montserrat font-bold">{userChannel.channel.name}</p>
                             <button>
-                                <span onClick={() => navigation(`/manage-channel/${userChannel.channel.id}`)} className="bg-primary p-3 rounded-sm text-white font-montserrat text-2xl font-semibold cursor-pointer">
+                                <span onClick={() => navigation(`/manage-channel/${userChannel.channel.id}`)} className="bg-primary p-3 rounded-sm text-white font-montserrat text-lg lg:text-2xl font-semibold cursor-pointer">
                                     Gérer la chaîne
                                 </span>
                             </button>
@@ -235,7 +235,7 @@ export default function Account() {
                             Créer une playlist
                         </button>
                     </div>
-                    <div className="grid grid-cols-3 gap-8 mt-8" >
+                    <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mt-8" >
                         {
                             userPlaylists && userPlaylists.map((playlist, index) => (
                                 <PlaylistCard playlist={playlist} key={index} onClick={handlePlaylistClick} />
@@ -244,7 +244,7 @@ export default function Account() {
                     </div>
                     {/* History */}
                     <h2 className="font-montserrat font-bold text-3xl text-white mt-10" >Historique</h2>
-                    <div className="grid grid-cols-3 gap-8 mt-8" >
+                    <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mt-8" >
                         {
                             userHistory && userHistory.map((video, index) => (
                                     <VideoCard video={video} />