blur

src/screens/HitParade/HitParade.js

@@ -186,6 +186,9 @@ const HitParade = () => {
     <Page
       backgroundImg={isWeb ? background.libraryBgWeb : background.hitParadeBG}
       headerType="NONE"
+      width="100%"
+      maxWidth={null}
+      blurIntensity={isWeb ? 2 : 0}
     >
       <View style={{ gap: 12, flex: 1 }}>
         <Image source={icons.musicLandLogo} style={{ alignSelf: "center" }} />
@@ -228,6 +231,7 @@ const HitParade = () => {
               ...Style.containerRow,
               justifyContent: "space-between",
               width: "auto",
+              gap: 12,
             }}
           >
             {["Chansons", "Playbacks"].map((item, index) => (

src/screens/Library/MusicDetails.web.js

@@ -451,7 +451,7 @@ const MusicDetails = ({ route }) => {
       >
         {/* Left column: player */}
         <BlurView
-          intensity={1}
+          intensity={40}
           style={{
             flex: 1,
             paddingRight: 8,
@@ -605,7 +605,7 @@ const MusicDetails = ({ route }) => {
 
         {lines.length > 0 && (
           <BlurView
-            intensity={1}
+            intensity={40}
             style={{
               flex: 1,
               paddingLeft: 8,