legend: {

          position: 'top' as const,
        },

src/App/HP.css

@@ -65,4 +65,13 @@
   
   .mitte-parent{
     display: grid;
+  }
+
+  .graphs{
+    max-height: 50% !important;
+  }
+
+  .pie-chart-container-small{
+    height: auto;
+
   }
\ No newline at end of file

src/components/Graph.tsx

@@ -97,7 +97,7 @@ export const OpenToGeneTherapyatients: React.FC = () => {
   };
 
   return (
-    <div className="pie-chart-container">
+    <div className="pie-chart-container-small">
       <Pie data={data} options={options} />
       </div>
   );
@@ -226,9 +226,7 @@ export const HowOftenTreatmentatients: React.FC = () => {
   const options = {
       responsive: true,
       plugins: {
-        legend: {
-          position: 'top' as const,
-        },
+        
         title: {
           display: true,
           text: 'How often do you or your relative need medical treatment or therapy?',
@@ -265,9 +263,7 @@ export const WhatCocernsAboutGeneTherapyatients: React.FC = () => {
   const options = {
       responsive: true,
       plugins: {
-        legend: {
-          position: 'top' as const,
-        },
+        
         title: {
           display: true,
           text: 'What concerns do you have about gene therapy?',
@@ -304,9 +300,7 @@ export const HowMuchDoesItAffectYouatients: React.FC = () => {
   const options = {
       responsive: true,
       plugins: {
-        legend: {
-          position: 'top' as const,
-        },
+        
         title: {
           display: true,
           text: "How much does cystic fibrosis affect your or your relative's daily life? (1 = Not at all, 5 = Very much)"
@@ -345,9 +339,7 @@ export const WhichTherapyDoYouUseatients: React.FC = () => {
   const options = {
       responsive: true,
       plugins: {
-        legend: {
-          position: 'top' as const,
-        },
+        
         title: {
           display: true,
           text: 'Which form(s) of therapy do you or your relative use?',
@@ -388,9 +380,7 @@ export const WhichSymptomsatients: React.FC = () => {
   const options = {
       responsive: true,
       plugins: {
-        legend: {
-          position: 'top' as const,
-        },
+        
         title: {
           display: true,
           text: 'Which symptoms do you or your relative have most frequently?',
@@ -427,9 +417,7 @@ export const BasicPositionatients: React.FC = () => {
   const options = {
       responsive: true,
       plugins: {
-        legend: {
-          position: 'top' as const,
-        },
+        
         title: {
           display: true,
           text: 'What is your basic position on gene therapy? (1=Very negative, 5=Very positive)',
@@ -467,9 +455,7 @@ export const AgeDiagnosisatients: React.FC = () => {
   const options = {
       responsive: true,
       plugins: {
-        legend: {
-          position: 'top' as const,
-        },
+        
         title: {
           display: true,
           text: 'At what age were you or your relative diagnosed with cystic fibrosis?',
@@ -653,9 +639,7 @@ export const HowDidYouLearnPublic: React.FC = () => {
   const options = {
       responsive: true,
       plugins: {
-        legend: {
-          position: 'top' as const,
-        },
+        
         title: {
           display: true,
           text: 'How did you mainly learn about cystic fibrosis? ',
@@ -798,9 +782,7 @@ export const WhatMeasuresPublic: React.FC = () => {
   const options = {
       responsive: true,
       plugins: {
-        legend: {
-          position: 'top' as const,
-        },
+        
         title: {
           display: true,
           text: 'What measures do you think could be taken to raise awareness of cystic fibrosis?',
@@ -873,9 +855,7 @@ export const WhatCocernsAboutGeneTherapyPublic: React.FC = () => {
   const options = {
       responsive: true,
       plugins: {
-        legend: {
-          position: 'top' as const,
-        },
+        
         title: {
           display: true,
           text: 'What concerns do you have about gene therapy?',
@@ -916,9 +896,7 @@ export const WhatFormMoreInfoPublic: React.FC = () => {
   const options = {
       responsive: true,
       plugins: {
-        legend: {
-          position: 'top' as const,
-        },
+        
         title: {
           display: true,
           text: 'In what form would you like to see more information?',

src/contents/Human Practices/Feedback.tsx

@@ -10,6 +10,7 @@ export function HPFeedback(){
             <H4 text="Our surveys on cystic fibrosis and gene therapy"></H4>
             <p> We are proud of our surveys on gene therapy and cystic fibrosis (CF), which explore knowledge about the disease and willingness to embrace gene therapy as a potential treatment. Since we wanted to differentiate between the general public and affected CF patients, we created two different surveys.</p>
             <div className="row align-items-center">
+                <div className='row graphs' >
                 <div className="col">
                     <Graph.HowOftenTreatmentatients/>
                 </div>
@@ -19,8 +20,8 @@ export function HPFeedback(){
                 <div className="col">
                     <Graph.MoreInfoOnTherapyBoth/>
                 </div>
-            </div>
-            <div className="row ">
+                </div>
+                <div className="row ">
                 <div className="col">
                    
                     <p>The majority of respondents (62.70%) indicated that they or their relative require medical treatment or therapy daily. Weekly treatment was necessary for 14.59%, while 9.73% needed therapy several times per week. Only 6.49% reported needing treatment either monthly or rarely. The high frequency of daily treatments highlights the heavy burden of managing cystic fibrosis and reinforces the potential appeal of gene therapy, which could reduce the need for constant medical intervention. </p>
@@ -33,6 +34,8 @@ export function HPFeedback(){
                     <p>A vast majority, 93.48%, expressed interest in more information about gene therapy. This mirrors the general public’s desire for further education and suggests that while there is strong support for gene therapy, people still feel they lack sufficient knowledge to make fully informed decisions. Patients especially emphasized the importance of safety and long-term efficacy, areas that should be focal points in future communications. </p>
                 </div>
             </div>
+            </div>
+            
             <div>
                 <H4 text="Concluding thoughts "></H4>
                 <p>The surveys with both the general public and CF patients show promising openness towards gene therapy, though concerns about safety and long-term effects remain. Emotional stress was highlighted as a greater burden than physical symptoms, reinforcing the appeal of gene therapy to reduce both physical and emotional challenges. Most patients require daily or frequent therapies like medication, physiotherapy, and inhalation, making a less frequent or even one-time gene therapy, as proposed in our research, highly attractive. Participants added comments such as <strong>“The dream of healing still exists!”</strong>, encouraging us in our research.</p>