diff --git a/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/CharityPageController.java b/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/CharityPageController.java
index 44a66b6..363afbc 100644
--- a/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/CharityPageController.java
+++ b/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/CharityPageController.java
@@ -79,6 +79,7 @@ protected void authTokenisSet(){
   public void setCharity(Charity charity) {
     this.charity = charity;
 
+
     CharityDescription.setText(charity.getDescription());
     CharityName.setText(charity.getName());
 
@@ -97,25 +98,27 @@ public void setCharity(Charity charity) {
 
     // Sets key values to a List<Double>
     String input = charity.getKeyValues();
-
-    String[] parts = input.split(":");
-    List<Double> numbers = new ArrayList<>();
-
-    for (String part : parts) {
-      part = part.replace(",", ".");
-      numbers.add(Double.parseDouble(part));
+    if (input != null) {
+
+      String[] parts = input.split(":");
+      List<Double> numbers = new ArrayList<>();
+
+      for (String part : parts) {
+        part = part.replace(",", ".");
+        numbers.add(Double.parseDouble(part));
+      }
+
+      // Sets the value of each arc and label
+      setArc(keyValueInnsamlingArc, numbers.getFirst());
+      keyValueInnsamlingLabel.setText(String.format("%.1f%%", numbers.getFirst()));
+      setArc(keyValueAdminArc, numbers.get(1));
+      keyValueAdminLabel.setText(String.format("%.1f%%", numbers.get(1)));
+      setArc(keyValueFormaalArc, numbers.getLast());
+      keyValueFormaalLabel.setText(String.format("%.1f%%", numbers.getLast()));
     }
 
-    // Sets the value of each arc and label
-    setArc(keyValueInnsamlingArc, numbers.getFirst());
-    keyValueInnsamlingLabel.setText(String.format("%.1f%%", numbers.getFirst()));
-    setArc(keyValueAdminArc, numbers.get(1));
-    keyValueAdminLabel.setText(String.format("%.1f%%", numbers.get(1)));
-    setArc(keyValueFormaalArc, numbers.getLast());
-    keyValueFormaalLabel.setText(String.format("%.1f%%", numbers.getLast()));
-
-    // Sets the categories
-    setCategories(charity.getCategory());
+      // Sets the categories
+      setCategories(charity.getCategory());
   }
 
   /**
diff --git a/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/components/LoaderScene.java b/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/components/LoaderScene.java
index 1c61e22..5adc1c0 100644
--- a/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/components/LoaderScene.java
+++ b/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/components/LoaderScene.java
@@ -73,7 +73,6 @@ public static void LoadScene(String sceneName, Stage stage, Charity charity, Str
       stage.setScene(scene);
       stage.setFullScreen(true);
       stage.show();
-      // Re-enter fullscreen when restored from taskbar
       stage.iconifiedProperty().addListener((obs, wasIconified, isNowIconified) -> {
         if (!isNowIconified) {
           stage.setFullScreen(true);
diff --git a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
index d0a8097..8b7309f 100644
--- a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
@@ -20,6 +20,8 @@
 <?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.text.Font?>
 
+<?import javafx.scene.Cursor?>
+<?import javafx.scene.layout.HBox?>
 <GridPane fx:id="CharityPage" hgap="0.0" prefHeight="900.0" prefWidth="1200.0" vgap="0.0" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.CharityPageController">
 
    <columnConstraints>
@@ -66,84 +68,89 @@
       
                <!-- TOP LEFT INFO -->
                <GridPane vgap="14.0" GridPane.columnIndex="0" GridPane.rowIndex="0">
-      
+
+
                   <rowConstraints>
                      <RowConstraints percentHeight="45.0" />
                      <RowConstraints percentHeight="25.0" />
                      <RowConstraints percentHeight="30.0" />
                   </rowConstraints>
-      
+
                   <columnConstraints>
                      <ColumnConstraints />
                   </columnConstraints>
-      
-                  <Label fx:id="CharityName" prefHeight="90.0" prefWidth="456.0" style="-fx-text-fill:#2D3C8F;" text="[Charity Name]" textAlignment="CENTER" GridPane.rowIndex="0">
+
+                  <Label style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:8 16 8 16;" text="✓ Verified" translateY="-200.0" GridPane.rowIndex="1">
                      <font>
-                        <Font name="System Bold" size="50.0" />
+                        <Font name="System Bold" size="15.0" />
                      </font>
-                     <padding>
-                        <Insets left="10.0" />
-                     </padding>
                   </Label>
-      
-                  <Label style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:8 16 8 16;" text="✓ Verified" GridPane.rowIndex="1">
+                  <Label text="Categories">
                      <font>
-                        <Font name="System Bold" size="15.0" />
+                        <Font name="System Bold" size="22.0" />
                      </font>
+                     <opaqueInsets>
+                        <Insets />
+                     </opaqueInsets>
+                     <padding>
+                        <Insets left="10.0" top="100.0" />
+                     </padding>
                   </Label>
-      
-                  <StackPane prefHeight="67.0" prefWidth="489.0" translateX="-30" GridPane.rowIndex="2">
-      
-                     <Rectangle arcHeight="30.0" arcWidth="30.0" fill="#F5F5F5" height="60.0" stroke="#4F4F4F" strokeType="INSIDE" width="220.0" />
-      
-      
-                     <Label text="[Category]">
-                        <font>
-                           <Font name="System Bold" size="18.0" />
-                        </font>
-                     </Label>
-                  </StackPane>
+                  <!-- Categories -->
+                  <ScrollPane prefHeight="200.0" prefWidth="250.0" translateY="-200.0" GridPane.rowIndex="2">
+                     <content>
+                        <VBox fx:id="categoriesContainer" spacing="10.0">
+                           <padding>
+                              <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+                           </padding>
+                        </VBox>
+                     </content>
+                  </ScrollPane>
                   <padding>
                      <Insets left="10.0" />
                   </padding>
       
                </GridPane>
                <VBox alignment="CENTER" prefHeight="509.0" prefWidth="425.0" spacing="15.0" GridPane.rowIndex="1">
-      
-                  <Hyperlink text="Homepage">
+
+                  <Hyperlink fx:id="CharityURL" onAction="#handleHomepageClick" text="Homepage">
                      <font>
                         <Font name="System Bold" size="20.0" />
                      </font>
                   </Hyperlink>
-      
+
                   <Hyperlink text="Socials">
                      <font>
                         <Font name="System Bold" size="20.0" />
                      </font>
                   </Hyperlink>
-      
+
                   <Hyperlink text="Verification Report">
                      <font>
                         <Font name="System Bold" size="20.0" />
                      </font>
                   </Hyperlink>
-      
+
                   <VBox alignment="CENTER" prefHeight="89.0" prefWidth="191.0" spacing="22.0">
-      
-                     <Button onAction="#switchToDonationPage" prefHeight="55.0" prefWidth="190.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:30; -fx-text-fill:white;" text="Donate">
+                     <Button onAction="#switchToFeedbackPage" prefHeight="55.0" prefWidth="190.0" style="-fx-background-color:#E07400; -fx-background-radius:30; -fx-text-fill:white;" text="Feedbacks">
+                        <cursor>
+                           <Cursor fx:constant="HAND" />
+                        </cursor>
                         <font>
                            <Font name="System Bold" size="16.0" />
                         </font>
                      </Button>
-                  </VBox>
-                  <VBox alignment="CENTER" prefHeight="89.0" prefWidth="191.0" spacing="22.0">
 
-                     <Button onAction="#switchToFeedbackPage" prefHeight="55.0" prefWidth="190.0" style="-fx-background-color:#E07400; -fx-background-radius:30; -fx-text-fill:white;" text="Feedback">
+                     <Button onAction="#switchToDonationPage" prefHeight="55.0" prefWidth="190.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:30; -fx-text-fill:white;" text="Donate">
+                        <cursor>
+                           <Cursor fx:constant="HAND" />
+                        </cursor>
                         <font>
                            <Font name="System Bold" size="16.0" />
                         </font>
                      </Button>
                   </VBox>
+
                </VBox>
             </GridPane>
       
@@ -163,13 +170,8 @@
       
                <!-- TOP RIGHT IMAGE -->
                <StackPane prefHeight="210.0" prefWidth="420.0" style="-fx-background-color:#F5F5F5;" translateX="-70" GridPane.rowIndex="0">
-      
-                  <Rectangle arcHeight="25.0" arcWidth="25.0" fill="#F5F5F5" height="210.0" stroke="#8B8B8B" strokeType="INSIDE" width="420.0" />
-                  <ImageView fitHeight="150.0" fitWidth="220.0" pickOnBounds="true" preserveRatio="true">
-                     <image>
-                        <Image url="@../images/leggTilBilde.jpg" />
-                     </image>
-                  </ImageView>
+                  <Rectangle arcHeight="25.0" arcWidth="25.0" fill="#F5F5F5" height="210.0" stroke="#8B8B8B" strokeType="INSIDE" translateY="100.0" width="420.0" />
+                  <ImageView fx:id="CharityLogo" fitHeight="150.0" fitWidth="220.0" pickOnBounds="true" preserveRatio="true" translateY="100.0" />
                   <GridPane.margin>
                      <Insets top="20.0" />
                   </GridPane.margin>
@@ -178,10 +180,9 @@
       
                <!-- SUMMARY -->
                <StackPane alignment="CENTER" translateX="-20" translateY="60" GridPane.columnIndex="0" GridPane.columnSpan="1" GridPane.rowIndex="1">
-      
+
                   <children>
-      
-                     <!-- Kort-bakgrunn -->
+
                      <Rectangle arcHeight="30.0" arcWidth="30.0" fill="#F5F5F5" height="300.0" stroke="#8B8B8B" strokeType="INSIDE" width="700.0">
                         <effect>
                            <DropShadow offsetY="3.0" radius="8.0">
@@ -191,20 +192,19 @@
                            </DropShadow>
                         </effect>
                      </Rectangle>
-      
                      <!-- Ekte scrollbart innhold -->
                      <ScrollPane fitToWidth="true" hbarPolicy="NEVER" maxHeight="260.0" maxWidth="650.0" minHeight="260.0" minWidth="650.0" pannable="true" prefHeight="260.0" prefWidth="650.0" style="-fx-background-color: transparent; -fx-background: transparent;" vbarPolicy="ALWAYS">
-      
+
                         <content>
                            <VBox fillWidth="true" prefWidth="620.0" style="-fx-padding: 10;">
                               <children>
-      
+
                                  <Label fx:id="CharityDescription" maxWidth="600.0" prefWidth="600.0" style="-fx-text-fill: black;" text="Summary about the charity.  Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen." wrapText="true">
                                     <font>
                                        <Font size="16.0" />
                                     </font>
                                  </Label>
-      
+
                               </children>
                            </VBox>
                         </content>
@@ -213,130 +213,148 @@
                   </children>
                </StackPane>
                <!-- STATS -->
-               <GridPane hgap="30.0" style="-fx-padding: 80 0 0 0;" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="2">
-      
+         <GridPane hgap="30.0" style="-fx-padding: 80 0 0 0;" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="2">
+
+            <columnConstraints>
+               <ColumnConstraints percentWidth="33.33" />
+               <ColumnConstraints percentWidth="33.33" />
+               <ColumnConstraints percentWidth="33.33" />
+            </columnConstraints>
+
+            <children>
+               <GridPane hgap="10.0" GridPane.hgrow="ALWAYS">
                   <columnConstraints>
-                     <ColumnConstraints percentWidth="33.33" />
-                     <ColumnConstraints percentWidth="33.33" />
-                     <ColumnConstraints percentWidth="33.33" />
+                     <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
+                     <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                     <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
                   </columnConstraints>
-      
+                  <rowConstraints>
+                     <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+                  </rowConstraints>
                   <children>
-                     <GridPane hgap="10.0">
-                        <columnConstraints>
-                           <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
-                           <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
-                           <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
-                        </columnConstraints>
-                        <rowConstraints>
-                           <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
-                        </rowConstraints>
+                     <HBox fillHeight="false" prefHeight="100.0" prefWidth="3000000.0" GridPane.hgrow="ALWAYS">
                         <children>
-            
-                                 <!-- 97,4 % -->
-                           <VBox alignment="CENTER_LEFT" spacing="12.0">
+
+                           <VBox alignment="CENTER_LEFT" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minWidth="250.0" prefWidth="250.0" spacing="12.0" HBox.hgrow="SOMETIMES">
                               <children>
                                  <Label text="Innsamlingsprosent">
                                     <font>
                                        <Font name="System Bold" size="16.0" />
                                     </font>
                                  </Label>
-            
-                                       <StackPane alignment="CENTER" maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+
+                                 <StackPane alignment="CENTER" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="300.0">
                                     <children>
-            
-                                             <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+
+                                       <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
                                           <children>
                                              <Circle centerX="50.0" centerY="50.0" fill="TRANSPARENT" radius="38.0" stroke="#F1DADA" strokeWidth="8.0" />
-            
-                                                   <Arc centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-350.64" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
+
+                                             <Arc fx:id="keyValueInnsamlingArc" centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-180" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
                                           </children>
                                        </Pane>
-            
-                                             <Label text="97,4%" StackPane.alignment="CENTER">
+
+                                       <Label fx:id="keyValueInnsamlingLabel" minWidth="-Infinity" text="50%" StackPane.alignment="CENTER">
                                           <font>
                                              <Font name="System Bold" size="16.0" />
                                           </font>
                                        </Label>
-            
-                                          </children>
+
+                                    </children>
                                  </StackPane>
                               </children>
+                              <padding>
+                                 <Insets right="100.0" />
+                              </padding>
                            </VBox>
-            
-                                 <!-- 3,2 % -->
-                           <VBox alignment="CENTER" prefWidth="144.0" spacing="12.0" GridPane.columnIndex="1">
+
+                           <VBox alignment="CENTER" minWidth="300.0" prefWidth="300.0" spacing="12.0" HBox.hgrow="SOMETIMES">
                               <children>
-                                 <Label text="Administrasjonsprosent">
+                                 <Label text="Administrasjonsprosent" VBox.vgrow="ALWAYS">
                                     <font>
                                        <Font name="System Bold" size="16.0" />
                                     </font>
                                  </Label>
-            
-                                       <StackPane alignment="CENTER" maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+
+                                 <StackPane alignment="CENTER" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="300.0" VBox.vgrow="ALWAYS">
                                     <children>
-            
-                                             <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+
+                                       <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
                                           <children>
                                              <Circle centerX="50.0" centerY="50.0" fill="TRANSPARENT" radius="38.0" stroke="#F1DADA" strokeWidth="8.0" />
-            
-                                                   <Arc centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-11.52" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
+
+                                             <Arc fx:id="keyValueAdminArc" centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-180.00" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
                                           </children>
                                        </Pane>
-            
-                                             <Label text="3,2%" StackPane.alignment="CENTER">
+
+                                       <Label fx:id="keyValueAdminLabel" text="50%" StackPane.alignment="CENTER">
                                           <font>
                                              <Font name="System Bold" size="16.0" />
                                           </font>
                                        </Label>
-            
-                                          </children>
+
+                                    </children>
                                  </StackPane>
                               </children>
+                              <padding>
+                                 <Insets right="100.0" />
+                              </padding>
                            </VBox>
-            
-                                 <!-- 93,3 % -->
-                           <VBox alignment="CENTER_RIGHT" spacing="12.0" GridPane.columnIndex="2">
+
+                           <VBox alignment="CENTER_RIGHT" minWidth="120.0" prefWidth="350.0" spacing="12.0" HBox.hgrow="SOMETIMES">
                               <children>
-                                 <Label text="Formålsprosent">
+                                 <Label text="Formålsprosent" VBox.vgrow="ALWAYS">
                                     <font>
                                        <Font name="System Bold" size="16.0" />
                                     </font>
                                  </Label>
-            
-                                       <StackPane alignment="CENTER" maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+
+                                 <StackPane alignment="CENTER" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="300.0" VBox.vgrow="ALWAYS">
                                     <children>
-            
-                                             <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+
+                                       <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
                                           <children>
                                              <Circle centerX="50.0" centerY="50.0" fill="TRANSPARENT" radius="38.0" stroke="#F1DADA" strokeWidth="8.0" />
-            
-                                                   <Arc centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-335.88" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
+
+                                             <Arc fx:id="keyValueFormaalArc" centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-180" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
                                           </children>
                                        </Pane>
-            
-                                             <Label text="93,3%" StackPane.alignment="CENTER">
+
+                                       <Label fx:id="keyValueFormaalLabel" text="50%" StackPane.alignment="CENTER">
                                           <font>
                                              <Font name="System Bold" size="16.0" />
                                           </font>
                                        </Label>
-            
-                                          </children>
+
+                                    </children>
                                  </StackPane>
                               </children>
                            </VBox>
                         </children>
-                     </GridPane>
-      
+                     </HBox>
+
                   </children>
-                  <rowConstraints>
-                     <RowConstraints />
-                  </rowConstraints>
                </GridPane>
-      
-            </GridPane>
-      
+
+
+            </children>
+            <rowConstraints>
+               <RowConstraints />
+            </rowConstraints>
          </GridPane>
+
+         <Label fx:id="CharityName" maxWidth="1000" prefHeight="90.0" prefWidth="456.0" style="-fx-text-fill:#2D3C8F;" text="[Charity Name]" textAlignment="CENTER" translateY="-420.0" GridPane.columnSpan="2" GridPane.rowIndex="0" GridPane.rowSpan="2">
+
+            <font>
+               <Font name="System Bold" size="50.0" />
+            </font>
+            <padding>
+               <Insets left="10.0" />
+            </padding>
+         </Label>
+         </GridPane>
+      </GridPane>
+
       </content>
    </ScrollPane>