fix: context

src/screens/Writing/Goals.js

@@ -11,8 +11,8 @@ import { BaseButton } from "../../components/Button";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
 import ListSelection from "../../components/ListSelection/ListSelection";
 import Overlay from "../../components/Overlay";
-import { GOALS, OTHER_OBJECTIVE_OPTION } from "../../data/data";
 import { strings } from "../../constants/strings";
+import { GOALS, OTHER_OBJECTIVE_OPTION } from "../../data/data";
 import { Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import CreateLyricsHeader from "./components/CreateLyricsHeader";
@@ -106,17 +106,14 @@ const Goals = ({
   return (
     <>
       <ScrollView contentContainerStyle={{ flex: 1, gap: 16, marginTop: 16 }}>
-        <View style={{ gap: 10 }}>
-          <CreateLyricsHeader
-            title={strings.writing.steps.contextTitle}
-            subTitle={strings.writing.steps.contextSubtitle}
-          />
-          <View style={styles.examplesContainer}>
+        <View style={{ gap: 10, height: "100%" }}>
+          <CreateLyricsHeader title={strings.writing.steps.contextTitle} />
+          {/* <View style={styles.examplesContainer}>
             <Text style={styles.examplesText}>
               {strings.writing.steps.contextExamples}
             </Text>
-          </View>
-          <ItemContainer>
+          </View> */}
+          <ItemContainer height={"80%"}>
             <ListSelection
               options={goalsOptions}
               variant="simple"