rhymes fix style

src/components/ListSelection/ListSelection.js

@@ -282,7 +282,9 @@ const ListSelection = ({
         const showHoverOutline = isHovered && !sel;
         const showSelectionOutline =
           !isWeb &&
-          (variant === "simple" || variant === "emotion" || variant === "titleDescription") &&
+          (variant === "simple" ||
+            variant === "emotion" ||
+            variant === "titleDescription") &&
           sel;
 
         const baseContent =

src/screens/Writing/Rhymes.js

@@ -1,10 +1,11 @@
-import { View, StyleSheet } from "react-native";
 import React, { useState } from "react";
-import CreateLyricsHeader from "./components/CreateLyricsHeader";
-import { Palette } from "../../styles";
-import { FONT_FAMILY } from "../../styles/Fonts";
+import { StyleSheet, View } from "react-native";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
 import ListSelection from "../../components/ListSelection/ListSelection";
+import { isWeb } from "../../hooks/useLayoutType";
+import { Palette } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
+import CreateLyricsHeader from "./components/CreateLyricsHeader";
 
 const Rhymes = ({ selected: selectedProp, setSelected: setSelectedProp }) => {
   const [internalSelected, setInternalSelected] = useState(null);
@@ -16,7 +17,7 @@ const Rhymes = ({ selected: selectedProp, setSelected: setSelectedProp }) => {
   return (
     <View style={{ flex: 1, gap: 10, marginTop: 16 }}>
       <CreateLyricsHeader title="Avec ou sans rimes" />
-      <ItemContainer height={200}>
+      <ItemContainer height={isWeb ? "auto" : 200}>
         <ListSelection
           options={["Avec rimes", "Sans rimes", "Mélange des deux"]}
           variant="simple"