From f9ece73b7c01f0e7b8dcd6726ebd6c224f86987e Mon Sep 17 00:00:00 2001
From: meenakshijay1005-netizen <meenakshi.jay1005@gmail.com>
Date: Thu, 16 Apr 2026 08:58:47 +0200
Subject: [PATCH] changes made to every class to match footers and fullscreen
 size

---
 .../resources/fxml/profile_org_Inbox.fxml     | 442 ++++++++------
 .../resources/fxml/profile_org_Payments.fxml  | 538 +++++++++--------
 .../resources/fxml/profile_org_Settings.fxml  | 469 +++++++++------
 .../main/resources/fxml/profile_org_edit.fxml | 413 +++++++------
 .../resources/fxml/profile_user_history.fxml  | 428 ++++++++------
 .../resources/fxml/profile_user_inbox.fxml    | 407 ++++++++-----
 .../fxml/profile_user_interests.fxml          | 544 ++++++++++--------
 .../resources/fxml/profile_user_settings.fxml | 436 ++++++++------
 .../src/main/resources/fxml/test.fxml         |   0
 9 files changed, 2215 insertions(+), 1462 deletions(-)
 delete mode 100644 helpmehelpapplication/src/main/resources/fxml/test.fxml

diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_org_Inbox.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_org_Inbox.fxml
index e369d53c..bb6cc57a 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_org_Inbox.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_org_Inbox.fxml
@@ -8,6 +8,7 @@
 <?import javafx.scene.control.TextField?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.BorderPane?>
 <?import javafx.scene.layout.ColumnConstraints?>
 <?import javafx.scene.layout.GridPane?>
 <?import javafx.scene.layout.HBox?>
@@ -19,20 +20,10 @@
 <?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.text.Font?>
 
-<GridPane prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationInboxController">
-
-    <columnConstraints>
-        <ColumnConstraints minWidth="280.0" prefWidth="300.0" />
-        <ColumnConstraints hgrow="ALWAYS" />
-    </columnConstraints>
-
-    <rowConstraints>
-        <RowConstraints maxHeight="86.0" minHeight="86.0" prefHeight="86.0" />
-        <RowConstraints vgrow="ALWAYS" />
-    </rowConstraints>
+<VBox prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationInboxController">
 
     <!-- NAVBAR -->
-    <StackPane style="-fx-background-color: #379894;" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="0">
+    <StackPane maxHeight="86.0" minHeight="86.0" prefHeight="86.0" style="-fx-background-color: #379894;">
         <children>
             <GridPane maxWidth="1400.0" prefHeight="52.0" StackPane.alignment="CENTER">
                 <padding>
@@ -110,199 +101,290 @@
             </GridPane>
         </children>
     </StackPane>
+    <BorderPane style="-fx-background-color: #F5F5F5;" VBox.vgrow="ALWAYS">
 
     <!-- SIDEBAR -->
-    <VBox spacing="34.0" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0" GridPane.rowIndex="1">
-        <padding>
-            <Insets bottom="24.0" left="22.0" right="22.0" top="24.0" />
-        </padding>
+    <left>
+        <VBox prefWidth="300.0" spacing="34.0" style="-fx-background-color: #E9ECEF;">
+            <padding>
+                <Insets bottom="24.0" left="22.0" right="22.0" top="24.0" />
+            </padding>
 
-        <children>
-            <VBox alignment="CENTER" spacing="18.0">
-                <children>
-                    <Circle fill="#D9D9D9" radius="95.0" />
-                    <Label style="-fx-text-fill: #333333;" text="Organization&#10;Name" textAlignment="CENTER">
-                        <font>
-                            <Font size="18.0" />
-                        </font>
-                    </Label>
-                </children>
-            </VBox>
+            <children>
+                <VBox alignment="CENTER" spacing="18.0">
+                    <children>
+                        <Circle fill="#D9D9D9" radius="95.0" />
+                        <Label prefHeight="37.0" prefWidth="182.0" style="-fx-text-fill: #333333;" text="Organization Name" textAlignment="CENTER">
+                            <font>
+                                <Font size="18.0" />
+                            </font>
+                        </Label>
+                    </children>
+                </VBox>
 
-            <VBox spacing="18.0">
-                <children>
-                    <HBox alignment="CENTER_LEFT" spacing="14.0">
-                        <children>
-                            <Circle fill="#73B34C" radius="6.0" />
-                            <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-text-fill: #333333; -fx-font-size: 18px; -fx-padding: 10 8 10 8;" text="Payments" />
-                        </children>
-                    </HBox>
+                <VBox spacing="18.0">
+                    <children>
+                        <HBox alignment="CENTER_LEFT" spacing="14.0">
+                            <children>
+                                <Circle fill="#73B34C" radius="6.0" />
+                                <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-text-fill: #333333; -fx-font-size: 18px; -fx-padding: 10 8 10 8;" text="Payments" />
+                            </children>
+                        </HBox>
 
-                    <HBox alignment="CENTER_LEFT" spacing="14.0" style="-fx-background-color: #F3F4F6; -fx-background-radius: 20; -fx-padding: 10 14 10 14;">
-                        <children>
-                            <Circle fill="#D99028" radius="6.0" />
-                            <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-text-fill: #333333; -fx-font-size: 18px; -fx-padding: 10 8 10 8;" text="Inbox" />
-                        </children>
-                    </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="14.0" style="-fx-background-color: #F3F4F6; -fx-background-radius: 20; -fx-padding: 10 14 10 14;">
+                            <children>
+                                <Circle fill="#D99028" radius="6.0" />
+                                <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-text-fill: #333333; -fx-font-size: 18px; -fx-padding: 10 8 10 8;" text="Inbox" />
+                            </children>
+                        </HBox>
 
-                    <HBox alignment="CENTER_LEFT" spacing="14.0">
-                        <children>
-                            <Circle fill="#E68BA8" radius="6.0" />
-                            <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-text-fill: #333333; -fx-font-size: 18px; -fx-padding: 10 8 10 8;" text="Edit" />
-                        </children>
-                    </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="14.0">
+                            <children>
+                                <Circle fill="#E68BA8" radius="6.0" />
+                                <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-text-fill: #333333; -fx-font-size: 18px; -fx-padding: 10 8 10 8;" text="Edit" />
+                            </children>
+                        </HBox>
 
-                    <HBox alignment="CENTER_LEFT" spacing="14.0">
-                        <children>
-                            <Circle fill="#7B7B7B" radius="6.0" />
-                            <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-text-fill: #333333; -fx-font-size: 18px; -fx-padding: 10 8 10 8;" text="Settings" />
-                        </children>
-                    </HBox>
-                </children>
-            </VBox>
+                        <HBox alignment="CENTER_LEFT" spacing="14.0">
+                            <children>
+                                <Circle fill="#7B7B7B" radius="6.0" />
+                                <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-text-fill: #333333; -fx-font-size: 18px; -fx-padding: 10 8 10 8;" text="Settings" />
+                            </children>
+                        </HBox>
+                    </children>
+                </VBox>
 
-            <Region VBox.vgrow="ALWAYS" />
+                <Region VBox.vgrow="ALWAYS" />
 
-            <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-text-fill: #333333; -fx-font-size: 18px; -fx-alignment: CENTER_LEFT; -fx-padding: 10 8 10 8;" text="Log Out" />
-        </children>
-    </VBox>
+                <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-text-fill: #333333; -fx-font-size: 18px; -fx-alignment: CENTER_LEFT; -fx-padding: 10 8 10 8;" text="Log Out" />
+            </children>
+        </VBox>
+    </left>
 
     <!-- MAIN CONTENT -->
-    <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background: transparent; -fx-background-color: transparent;" vbarPolicy="AS_NEEDED" GridPane.columnIndex="1" GridPane.rowIndex="1">
-        <content>
-            <VBox spacing="28.0">
-                <padding>
-                    <Insets bottom="42.0" left="62.0" right="42.0" top="34.0" />
-                </padding>
+    <center>
+        <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background: transparent; -fx-background-color: transparent;" vbarPolicy="AS_NEEDED">
+            <content>
+                <VBox spacing="28.0">
+                    <padding>
+                        <Insets bottom="42.0" left="62.0" right="42.0" top="34.0" />
+                    </padding>
 
-                <children>
-                    <Label style="-fx-text-fill: #222222;" text="Inbox">
-                        <font>
-                            <Font size="54.0" />
-                        </font>
-                    </Label>
+                    <children>
+                        <Label style="-fx-text-fill: #222222;" text="Inbox">
+                            <font>
+                                <Font size="54.0" />
+                            </font>
+                        </Label>
 
-                    <HBox alignment="TOP_LEFT" prefHeight="94.0" prefWidth="720.0" spacing="380.0">
-                        <children>
-                            <Button onAction="#handleFilterMessages" prefHeight="50.0" prefWidth="180.0" style="-fx-background-color: #E8BE7D; -fx-text-fill: white; -fx-font-size: 18px; -fx-background-radius: 0;" text="Last 6 months   ⌄" />
+                        <HBox alignment="TOP_LEFT" prefHeight="94.0" prefWidth="720.0" spacing="380.0">
+                            <children>
+                                <Button onAction="#handleFilterMessages" prefHeight="50.0" prefWidth="180.0" style="-fx-background-color: #E8BE7D; -fx-text-fill: white; -fx-font-size: 18px; -fx-background-radius: 0;" text="Last 6 months   ⌄" />
 
-                            <VBox spacing="0.0">
-                                <children>
-                                    <Button onAction="#handleViewReplies" prefHeight="50.0" prefWidth="207.0" style="-fx-background-color: #EFD5AB; -fx-text-fill: white; -fx-font-size: 18px; -fx-background-radius: 0;" text="View replies   ⌄" />
+                                <VBox spacing="0.0">
+                                    <children>
+                                        <Button onAction="#handleViewReplies" prefHeight="50.0" prefWidth="207.0" style="-fx-background-color: #EFD5AB; -fx-text-fill: white; -fx-font-size: 18px; -fx-background-radius: 0;" text="View replies   ⌄" />
 
-                                    <Button onAction="#handleViewSentMessages" prefHeight="44.0" prefWidth="190.0" style="-fx-background-color: #E7E7E7; -fx-text-fill: #8B8B8B; -fx-font-size: 16px; -fx-background-radius: 0;" text="-    View sent messages" />
-                                </children>
-                            </VBox>
-                        </children>
-                    </HBox>
+                                        <Button onAction="#handleViewSentMessages" prefHeight="44.0" prefWidth="190.0" style="-fx-background-color: #E7E7E7; -fx-text-fill: #8B8B8B; -fx-font-size: 16px; -fx-background-radius: 0;" text="-    View sent messages" />
+                                    </children>
+                                </VBox>
+                            </children>
+                        </HBox>
 
-                    <StackPane alignment="CENTER_LEFT">
-                        <children>
-                            <Rectangle arcHeight="30.0" arcWidth="30.0" fill="WHITE" height="120.0" stroke="#6B6B6B" strokeWidth="2.0" width="980.0" />
-                            <HBox alignment="CENTER_LEFT" maxWidth="920.0" prefHeight="120.0" prefWidth="920.0" spacing="20.0">
-                                <padding>
-                                    <Insets left="28.0" right="24.0" />
-                                </padding>
-                                <children>
-                                    <Circle fill="#D9D9D9" radius="38.0" />
-                                    <VBox alignment="CENTER_LEFT" spacing="8.0">
-                                        <children>
-                                            <Label text="Example e-mail from user" textFill="#7A7A7A">
-                                                <font>
-                                                    <Font size="20.0" />
-                                                </font>
-                                            </Label>
-                                            <Label text="Reply - Trash" textFill="#C8C8C8">
-                                                <font>
-                                                    <Font size="16.0" />
-                                                </font>
-                                            </Label>
-                                        </children>
-                                    </VBox>
-                                </children>
-                            </HBox>
-                        </children>
-                    </StackPane>
+                        <StackPane alignment="CENTER_LEFT">
+                            <children>
+                                <Rectangle arcHeight="30.0" arcWidth="30.0" fill="WHITE" height="120.0" stroke="#6B6B6B" strokeWidth="2.0" width="980.0" />
+                                <HBox alignment="CENTER_LEFT" maxWidth="920.0" prefHeight="120.0" prefWidth="920.0" spacing="20.0">
+                                    <padding>
+                                        <Insets left="28.0" right="24.0" />
+                                    </padding>
+                                    <children>
+                                        <Circle fill="#D9D9D9" radius="38.0" />
+                                        <VBox alignment="CENTER_LEFT" spacing="8.0">
+                                            <children>
+                                                <Label text="Example e-mail from user" textFill="#7A7A7A">
+                                                    <font>
+                                                        <Font size="20.0" />
+                                                    </font>
+                                                </Label>
+                                                <Label text="Reply - Trash" textFill="#C8C8C8">
+                                                    <font>
+                                                        <Font size="16.0" />
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </VBox>
+                                    </children>
+                                </HBox>
+                            </children>
+                        </StackPane>
+
+                        <StackPane alignment="CENTER_LEFT">
+                            <children>
+                                <Rectangle arcHeight="30.0" arcWidth="30.0" fill="WHITE" height="120.0" stroke="#6B6B6B" strokeWidth="2.0" width="980.0" />
+                                <HBox alignment="CENTER_LEFT" maxWidth="920.0" prefHeight="120.0" prefWidth="920.0" spacing="20.0">
+                                    <padding>
+                                        <Insets left="28.0" right="24.0" />
+                                    </padding>
+                                    <children>
+                                        <Circle fill="#D9D9D9" radius="38.0" />
+                                        <VBox alignment="CENTER_LEFT" spacing="8.0">
+                                            <children>
+                                                <Label text="Example e-mail from user" textFill="#7A7A7A">
+                                                    <font>
+                                                        <Font size="20.0" />
+                                                    </font>
+                                                </Label>
+                                                <Label text="Reply - Trash" textFill="#C8C8C8">
+                                                    <font>
+                                                        <Font size="16.0" />
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </VBox>
+                                    </children>
+                                </HBox>
+                            </children>
+                        </StackPane>
 
-                    <StackPane alignment="CENTER_LEFT">
+                        <StackPane alignment="CENTER_LEFT">
+                            <children>
+                                <Rectangle arcHeight="30.0" arcWidth="30.0" fill="WHITE" height="180.0" stroke="#6B6B6B" strokeWidth="2.0" width="980.0" />
+                                <VBox alignment="CENTER_LEFT" maxWidth="920.0" prefHeight="180.0" prefWidth="920.0" spacing="18.0">
+                                    <padding>
+                                        <Insets bottom="18.0" left="28.0" right="24.0" top="18.0" />
+                                    </padding>
+                                    <children>
+                                        <HBox alignment="CENTER_LEFT" spacing="20.0">
+                                            <children>
+                                                <Circle fill="#D9D9D9" radius="38.0" />
+                                                <VBox alignment="CENTER_LEFT" spacing="8.0">
+                                                    <children>
+                                                        <Label text="Example e-mail from user" textFill="#7A7A7A">
+                                                            <font>
+                                                                <Font size="20.0" />
+                                                            </font>
+                                                        </Label>
+                                                        <Label text="Reply - Trash" textFill="#C8C8C8">
+                                                            <font>
+                                                                <Font size="16.0" />
+                                                            </font>
+                                                        </Label>
+                                                    </children>
+                                                </VBox>
+                                            </children>
+                                        </HBox>
+
+                                        <HBox alignment="CENTER_LEFT" spacing="16.0">
+                                            <children>
+                                                <Rectangle fill="#777777" height="70.0" width="2.0" />
+                                                <Circle fill="#C99991" radius="24.0" />
+                                                <Label text="Organization" textFill="#A66B61">
+                                                    <font>
+                                                        <Font size="18.0" />
+                                                    </font>
+                                                </Label>
+                                                <Label text="Example reply" textFill="#7A7A7A">
+                                                    <font>
+                                                        <Font size="18.0" />
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </HBox>
+                                    </children>
+                                </VBox>
+                            </children>
+                        </StackPane>
+                    </children>
+                </VBox>
+            </content>
+        </ScrollPane>
+    </center>
+    </BorderPane>
+
+    <!-- FOOTER -->
+    <HBox alignment="BOTTOM_CENTER" prefHeight="130.0" minHeight="130.0" maxHeight="130.0"
+        style="-fx-background-color: #2f8f8b;">
+        <children>
+            <GridPane HBox.hgrow="ALWAYS">
+                <columnConstraints>
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="60.0" prefWidth="100.0" />
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                </columnConstraints>
+
+                <children>
+                    <StackPane prefHeight="150.0" prefWidth="200.0">
                         <children>
-                            <Rectangle arcHeight="30.0" arcWidth="30.0" fill="WHITE" height="120.0" stroke="#6B6B6B" strokeWidth="2.0" width="980.0" />
-                            <HBox alignment="CENTER_LEFT" maxWidth="920.0" prefHeight="120.0" prefWidth="920.0" spacing="20.0">
-                                <padding>
-                                    <Insets left="28.0" right="24.0" />
-                                </padding>
+                            <Rectangle fill="#2f8f8b" height="130.0" stroke="TRANSPARENT" strokeType="INSIDE" width="800.0" />
+                            <Label text="Help" textFill="WHITE" translateX="80.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Me" textFill="#c8e6c9" translateX="145.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Help" textFill="WHITE" translateX="192.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Rectangle fill="WHITE" height="90.0" stroke="TRANSPARENT" strokeType="INSIDE" translateX="-120.0" width="2.0" />
+                            <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" translateX="-40.0" StackPane.alignment="CENTER_LEFT">
                                 <children>
-                                    <Circle fill="#D9D9D9" radius="38.0" />
-                                    <VBox alignment="CENTER_LEFT" spacing="8.0">
-                                        <children>
-                                            <Label text="Example e-mail from user" textFill="#7A7A7A">
-                                                <font>
-                                                    <Font size="20.0" />
-                                                </font>
-                                            </Label>
-                                            <Label text="Reply - Trash" textFill="#C8C8C8">
-                                                <font>
-                                                    <Font size="16.0" />
-                                                </font>
-                                            </Label>
-                                        </children>
-                                    </VBox>
+                                    <Label text="About us" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                    <Label text="Something else" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                    <Label text="Third link" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
                                 </children>
-                            </HBox>
+                            </VBox>
                         </children>
                     </StackPane>
 
-                    <StackPane alignment="CENTER_LEFT">
+                    <StackPane alignment="CENTER_RIGHT" prefHeight="150.0" prefWidth="200.0" GridPane.columnIndex="1">
                         <children>
-                            <Rectangle arcHeight="30.0" arcWidth="30.0" fill="WHITE" height="180.0" stroke="#6B6B6B" strokeWidth="2.0" width="980.0" />
-                            <VBox alignment="CENTER_LEFT" maxWidth="920.0" prefHeight="180.0" prefWidth="920.0" spacing="18.0">
-                                <padding>
-                                    <Insets bottom="18.0" left="28.0" right="24.0" top="18.0" />
-                                </padding>
-                                <children>
-                                    <HBox alignment="CENTER_LEFT" spacing="20.0">
-                                        <children>
-                                            <Circle fill="#D9D9D9" radius="38.0" />
-                                            <VBox alignment="CENTER_LEFT" spacing="8.0">
-                                                <children>
-                                                    <Label text="Example e-mail from user" textFill="#7A7A7A">
-                                                        <font>
-                                                            <Font size="20.0" />
-                                                        </font>
-                                                    </Label>
-                                                    <Label text="Reply - Trash" textFill="#C8C8C8">
-                                                        <font>
-                                                            <Font size="16.0" />
-                                                        </font>
-                                                    </Label>
-                                                </children>
-                                            </VBox>
-                                        </children>
-                                    </HBox>
-
-                                    <HBox alignment="CENTER_LEFT" spacing="16.0">
-                                        <children>
-                                            <Rectangle fill="#777777" height="70.0" width="2.0" />
-                                            <Circle fill="#C99991" radius="24.0" />
-                                            <Label text="Organization" textFill="#A66B61">
-                                                <font>
-                                                    <Font size="18.0" />
-                                                </font>
-                                            </Label>
-                                            <Label text="Example reply" textFill="#7A7A7A">
-                                                <font>
-                                                    <Font size="18.0" />
-                                                </font>
-                                            </Label>
-                                        </children>
-                                    </HBox>
-                                </children>
-                            </VBox>
+                            <ImageView fitHeight="71.0" fitWidth="161.0" pickOnBounds="true" preserveRatio="true" translateX="-60.0" translateY="-30.0">
+                                <image>
+                                    <Image url="@../images/img.png" />
+                                </image>
+                            </ImageView>
+                            <Label maxWidth="200.0"
+                                text="All data is consistently updated and reverified"
+                                textAlignment="CENTER"
+                                textFill="WHITE"
+                                translateY="30.0"
+                                wrapText="true">
+                                <font>
+                                    <Font name="System Bold" size="14.0" />
+                                </font>
+                            </Label>
                         </children>
                     </StackPane>
                 </children>
-            </VBox>
-        </content>
-    </ScrollPane>
+            </GridPane>
+        </children>
+    </HBox>
 
-</GridPane>
+</VBox>
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_org_Payments.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_org_Payments.fxml
index 197ad2cb..b1d25fba 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_org_Payments.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_org_Payments.fxml
@@ -4,9 +4,11 @@
 <?import javafx.scene.Cursor?>
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
 <?import javafx.scene.control.TextField?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.BorderPane?>
 <?import javafx.scene.layout.ColumnConstraints?>
 <?import javafx.scene.layout.GridPane?>
 <?import javafx.scene.layout.HBox?>
@@ -15,21 +17,13 @@
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.shape.Circle?>
+<?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.text.Font?>
 
-<GridPane prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationPaymentsController">
-
-    <columnConstraints>
-        <ColumnConstraints percentWidth="100.0" />
-    </columnConstraints>
-
-    <rowConstraints>
-        <RowConstraints prefHeight="78.0" />
-        <RowConstraints vgrow="ALWAYS" />
-    </rowConstraints>
+<VBox prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationPaymentsController">
 
     <!-- NAVBAR -->
-    <StackPane style="-fx-background-color: #379894;" GridPane.rowIndex="0">
+    <StackPane maxHeight="86.0" minHeight="86.0" prefHeight="86.0" style="-fx-background-color: #379894;">
         <children>
             <GridPane maxWidth="1400.0" prefHeight="52.0" StackPane.alignment="CENTER">
                 <padding>
@@ -85,7 +79,6 @@
 
                     <HBox alignment="CENTER_RIGHT" spacing="12.0" GridPane.columnIndex="3">
                         <children>
-
                             <StackPane prefHeight="46.0" prefWidth="46.0">
                                 <children>
                                     <Circle fill="WHITE" radius="23.0" />
@@ -102,7 +95,6 @@
                                     <Cursor fx:constant="HAND" />
                                 </cursor>
                             </Button>
-
                         </children>
                     </HBox>
                 </children>
@@ -111,220 +103,314 @@
     </StackPane>
 
     <!-- MAIN CONTENT -->
-    <GridPane GridPane.rowIndex="1">
-        <columnConstraints>
-            <ColumnConstraints percentWidth="23" />
-            <ColumnConstraints percentWidth="77" />
-        </columnConstraints>
+    <BorderPane style="-fx-background-color: #F5F5F5;" VBox.vgrow="ALWAYS">
 
         <!-- SIDEBAR -->
-        <VBox prefHeight="838.0" prefWidth="317.0" spacing="28" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0">
-            <padding>
-                <Insets bottom="28" left="20" right="20" top="28" />
-            </padding>
-
-            <children>
-                <VBox alignment="CENTER" spacing="16">
-                    <children>
-                        <Circle fill="#D9D9D9" radius="88" />
-                        <Label text="Organization&#10;Name" textAlignment="CENTER" textFill="#333333">
-                            <font>
-                                <Font size="18" />
-                            </font>
-                        </Label>
-                    </children>
-                </VBox>
-
-                <VBox spacing="18">
-                    <children>
-
-                        <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
-                            <children>
-                                <Circle fill="#6AA84F" radius="6" />
-                                <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Payments" />
-                            </children>
-                        </HBox>
-
-                        <HBox alignment="CENTER_LEFT" spacing="12">
-                            <children>
-                                <Circle fill="#D99028" radius="6" />
-                                <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
-                            </children>
-                        </HBox>
-
-                        <HBox alignment="CENTER_LEFT" spacing="12">
-                            <children>
-                                <Circle fill="#E68BA8" radius="6" />
-                                <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Edit" />
-                            </children>
-                        </HBox>
-
-                        <HBox alignment="CENTER_LEFT" spacing="12">
-                            <children>
-                                <Circle fill="#7B7B7B" radius="6" />
-                                <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
-                            </children>
-                        </HBox>
-
-                    </children>
-                </VBox>
-
-                <Region VBox.vgrow="ALWAYS" />
-
-                <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
-            </children>
-        </VBox>
-
-        <!-- CONTENT -->
-        <VBox spacing="34" GridPane.columnIndex="1">
-            <padding>
-                <Insets bottom="40" left="58" right="46" top="58" />
-            </padding>
-
-            <children>
-                <Label text="Payments" textFill="#111111">
-                    <font>
-                        <Font size="42" />
-                    </font>
-                </Label>
-
-<VBox maxWidth="930" spacing="0" style="-fx-border-color: #BDBDBD; -fx-border-width: 1;">
-    <children>
-
-        <!-- HEADER -->
-        <GridPane alignment="CENTER" prefHeight="82">
-            <columnConstraints>
-                <ColumnConstraints percentWidth="25" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="35" />
-            </columnConstraints>
-            <children>
-                <Label style="-fx-font-size: 18px;" text="Payment Id" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="Amount" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="Status" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="Date created" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
-            </children>
-            <style>
-                -fx-border-color: transparent transparent #8E8E8E transparent;
-                -fx-border-width: 0 0 1 0;
-            </style>
-                     <rowConstraints>
-                        <RowConstraints />
-                     </rowConstraints>
-        </GridPane>
-
-        <!-- ROW 1 -->
-        <GridPane alignment="CENTER" prefHeight="95" style="-fx-border-color: transparent transparent #D3D3D3 transparent;">
-            <columnConstraints>
-                <ColumnConstraints percentWidth="25" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="35" />
-            </columnConstraints>
-            <children>
-                <Label style="-fx-font-size: 18px;" text="100652" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="500 kr" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
-                <Button style="-fx-background-color: #F4D5D8; -fx-text-fill: #8A4C56; -fx-background-radius: 20; -fx-font-size: 16px;" text="Pending" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="04-03-2026" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
-            </children>
-                     <rowConstraints>
-                        <RowConstraints />
-                     </rowConstraints>
-        </GridPane>
-
-        <!-- ROW 2 -->
-        <GridPane alignment="CENTER" prefHeight="95" style="-fx-border-color: transparent transparent #D3D3D3 transparent;">
-            <columnConstraints>
-                <ColumnConstraints percentWidth="25" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="35" />
-            </columnConstraints>
-            <children>
-                <Label style="-fx-font-size: 18px;" text="100483" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="450 kr" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
-                <Button style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;" text="Paid" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="02-03-2026" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
-            </children>
-                     <rowConstraints>
-                        <RowConstraints />
-                     </rowConstraints>
-        </GridPane>
-
-        <!-- ROW 3 -->
-        <GridPane alignment="CENTER" prefHeight="95" style="-fx-border-color: transparent transparent #D3D3D3 transparent;">
-            <columnConstraints>
-                <ColumnConstraints percentWidth="25" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="35" />
-            </columnConstraints>
-            <children>
-                <Label style="-fx-font-size: 18px;" text="100496" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="50 kr" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
-                <Button style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;" text="Paid" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="26-02-2026" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
-            </children>
-                     <rowConstraints>
-                        <RowConstraints />
-                     </rowConstraints>
-        </GridPane>
-
-        <!-- ROW 4 -->
-        <GridPane alignment="CENTER" prefHeight="95" style="-fx-border-color: transparent transparent #D3D3D3 transparent;">
-            <columnConstraints>
-                <ColumnConstraints percentWidth="25" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="35" />
-            </columnConstraints>
-            <children>
-                <Label style="-fx-font-size: 18px;" text="100281" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="400 kr" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
-                <Button style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;" text="Paid" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="18-02-2026" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
-            </children>
-                     <rowConstraints>
-                        <RowConstraints />
-                     </rowConstraints>
-        </GridPane>
-
-        <!-- ROW 5 -->
-        <GridPane alignment="CENTER" prefHeight="95">
-            <columnConstraints>
-                <ColumnConstraints percentWidth="25" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="20" />
-                <ColumnConstraints percentWidth="35" />
-            </columnConstraints>
-            <children>
-                <Label style="-fx-font-size: 18px;" text="100754" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="120 kr" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
-                <Button style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;" text="Paid" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
-                <Label style="-fx-font-size: 18px;" text="05-02-2026" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
-            </children>
-                     <rowConstraints>
-                        <RowConstraints />
-                     </rowConstraints>
-        </GridPane>
-
-    </children>
+        <left>
+            <VBox prefHeight="838.0" prefWidth="317.0" spacing="28" style="-fx-background-color: #E9ECEF;">
+                <padding>
+                    <Insets bottom="28" left="20" right="20" top="28" />
+                </padding>
+
+                <children>
+                    <VBox alignment="CENTER" spacing="16">
+                        <children>
+                            <Circle fill="#D9D9D9" radius="88" />
+                            <Label text="Organization&#10;Name" textAlignment="CENTER" textFill="#333333">
+                                <font>
+                                    <Font size="18" />
+                                </font>
+                            </Label>
+                        </children>
+                    </VBox>
+
+                    <VBox spacing="18">
+                        <children>
+                            <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
+                                <children>
+                                    <Circle fill="#6AA84F" radius="6" />
+                                    <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Payments" />
+                                </children>
+                            </HBox>
+
+                            <HBox alignment="CENTER_LEFT" spacing="12">
+                                <children>
+                                    <Circle fill="#D99028" radius="6" />
+                                    <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
+                                </children>
+                            </HBox>
+
+                            <HBox alignment="CENTER_LEFT" spacing="12">
+                                <children>
+                                    <Circle fill="#E68BA8" radius="6" />
+                                    <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Edit" />
+                                </children>
+                            </HBox>
+
+                            <HBox alignment="CENTER_LEFT" spacing="12">
+                                <children>
+                                    <Circle fill="#7B7B7B" radius="6" />
+                                    <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
+                                </children>
+                            </HBox>
+                        </children>
+                    </VBox>
+
+                    <Region VBox.vgrow="ALWAYS" />
+
+                    <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
+                </children>
+            </VBox>
+        </left>
+
+        <!-- CENTER -->
+        <center>
+            <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background: transparent; -fx-background-color: transparent;" vbarPolicy="AS_NEEDED">
+                <content>
+                    <VBox spacing="34" style="-fx-background-color: #F5F5F5;">
+                        <padding>
+                            <Insets bottom="40" left="58" right="46" top="58" />
+                        </padding>
+
+                        <children>
+                            <VBox spacing="4">
+                                <children>
+                                    <Label text="Payments" textFill="#111111">
+                                        <font>
+                                            <Font size="42" />
+                                        </font>
+                                    </Label>
+                                    <Label text="Overview of payments" textFill="#8B8B8B">
+                                        <font>
+                                            <Font size="18" />
+                                        </font>
+                                    </Label>
+                                </children>
+                            </VBox>
+
+                            <!-- TABELL FRA profile_org_payments -->
+                            <VBox maxWidth="930" spacing="0" style="-fx-border-color: #BDBDBD; -fx-border-width: 1;">
+                                <children>
+
+                                    <!-- HEADER -->
+                                    <GridPane alignment="CENTER" prefHeight="82">
+                                        <columnConstraints>
+                                            <ColumnConstraints percentWidth="25" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="35" />
+                                        </columnConstraints>
+                                        <children>
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="Payment Id" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="Amount" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="Status" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="Date created" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
+                                        </children>
+                                        <style>
+                                            -fx-border-color: transparent transparent #8E8E8E transparent;
+                                            -fx-border-width: 0 0 1 0;
+                                        </style>
+                                        <rowConstraints>
+                                            <RowConstraints />
+                                        </rowConstraints>
+                                    </GridPane>
+
+                                    <!-- ROW 1 -->
+                                    <GridPane alignment="CENTER" prefHeight="95" style="-fx-border-color: transparent transparent #D3D3D3 transparent;">
+                                        <columnConstraints>
+                                            <ColumnConstraints percentWidth="25" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="35" />
+                                        </columnConstraints>
+                                        <children>
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="100652" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="500 kr" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
+                                            <Button style="-fx-background-color: #F4D5D8; -fx-text-fill: #8A4C56; -fx-background-radius: 20; -fx-font-size: 16px;" text="Pending" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="04-03-2026" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
+                                        </children>
+                                        <rowConstraints>
+                                            <RowConstraints />
+                                        </rowConstraints>
+                                    </GridPane>
+
+                                    <!-- ROW 2 -->
+                                    <GridPane alignment="CENTER" prefHeight="95" style="-fx-border-color: transparent transparent #D3D3D3 transparent;">
+                                        <columnConstraints>
+                                            <ColumnConstraints percentWidth="25" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="35" />
+                                        </columnConstraints>
+                                        <children>
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="100483" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="450 kr" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
+                                            <Button style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;" text="Paid" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="02-03-2026" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
+                                        </children>
+                                        <rowConstraints>
+                                            <RowConstraints />
+                                        </rowConstraints>
+                                    </GridPane>
+
+                                    <!-- ROW 3 -->
+                                    <GridPane alignment="CENTER" prefHeight="95" style="-fx-border-color: transparent transparent #D3D3D3 transparent;">
+                                        <columnConstraints>
+                                            <ColumnConstraints percentWidth="25" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="35" />
+                                        </columnConstraints>
+                                        <children>
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="100496" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="50 kr" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
+                                            <Button style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;" text="Paid" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="26-02-2026" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
+                                        </children>
+                                        <rowConstraints>
+                                            <RowConstraints />
+                                        </rowConstraints>
+                                    </GridPane>
+
+                                    <!-- ROW 4 -->
+                                    <GridPane alignment="CENTER" prefHeight="95" style="-fx-border-color: transparent transparent #D3D3D3 transparent;">
+                                        <columnConstraints>
+                                            <ColumnConstraints percentWidth="25" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="35" />
+                                        </columnConstraints>
+                                        <children>
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="100281" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="400 kr" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
+                                            <Button style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;" text="Paid" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="18-02-2026" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
+                                        </children>
+                                        <rowConstraints>
+                                            <RowConstraints />
+                                        </rowConstraints>
+                                    </GridPane>
+
+                                    <!-- ROW 5 -->
+                                    <GridPane alignment="CENTER" prefHeight="95">
+                                        <columnConstraints>
+                                            <ColumnConstraints percentWidth="25" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="20" />
+                                            <ColumnConstraints percentWidth="35" />
+                                        </columnConstraints>
+                                        <children>
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="100754" GridPane.columnIndex="0" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="120 kr" GridPane.columnIndex="1" GridPane.halignment="CENTER" />
+                                            <Button style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;" text="Paid" GridPane.columnIndex="2" GridPane.halignment="CENTER" />
+                                            <Label style="-fx-font-size: 18px; -fx-text-fill: #8b8b8b;" text="05-02-2026" GridPane.columnIndex="3" GridPane.halignment="CENTER" />
+                                        </children>
+                                        <rowConstraints>
+                                            <RowConstraints />
+                                        </rowConstraints>
+                                    </GridPane>
+
+                                </children>
+                            </VBox>
+
+                            <HBox alignment="CENTER">
+                                <children>
+                                    <Label text="▼" textFill="#7E8288">
+                                        <font>
+                                            <Font size="22" />
+                                        </font>
+                                    </Label>
+                                </children>
+                            </HBox>
+                        </children>
+                    </VBox>
+                </content>
+            </ScrollPane>
+        </center>
+
+    </BorderPane>
+
+    <!-- FOOTER -->
+    <HBox alignment="BOTTOM_CENTER" maxHeight="130.0" minHeight="130.0" prefHeight="130.0" style="-fx-background-color: #2f8f8b;">
+        <children>
+            <GridPane HBox.hgrow="ALWAYS">
+                <columnConstraints>
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="60.0" prefWidth="100.0" />
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                </columnConstraints>
+
+                <children>
+                    <StackPane prefHeight="150.0" prefWidth="200.0">
+                        <children>
+                            <Rectangle fill="#2f8f8b" height="130.0" stroke="TRANSPARENT" strokeType="INSIDE" width="800.0" />
+                            <Label text="Help" textFill="WHITE" translateX="80.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Me" textFill="#c8e6c9" translateX="145.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Help" textFill="WHITE" translateX="192.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Rectangle fill="WHITE" height="90.0" stroke="TRANSPARENT" strokeType="INSIDE" translateX="-120.0" width="2.0" />
+                            <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" translateX="-40.0" StackPane.alignment="CENTER_LEFT">
+                                <children>
+                                    <Label text="About us" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                    <Label text="Something else" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                    <Label text="Third link" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                </children>
+                            </VBox>
+                        </children>
+                    </StackPane>
+
+                    <StackPane alignment="CENTER_RIGHT" prefHeight="150.0" prefWidth="200.0" GridPane.columnIndex="1">
+                        <children>
+                            <ImageView fitHeight="71.0" fitWidth="161.0" pickOnBounds="true" preserveRatio="true" translateX="-60.0" translateY="-30.0">
+                                <image>
+                                    <Image url="@../images/img.png" />
+                                </image>
+                            </ImageView>
+                            <Label maxWidth="200.0" text="All data is consistently updated and reverified" textAlignment="CENTER" textFill="WHITE" translateY="30.0" wrapText="true">
+                                <font>
+                                    <Font name="System Bold" size="14.0" />
+                                </font>
+                            </Label>
+                        </children>
+                    </StackPane>
+                </children>
+            <rowConstraints>
+               <RowConstraints />
+            </rowConstraints>
+            </GridPane>
+        </children>
+    </HBox>
+
 </VBox>
 
-                <HBox alignment="CENTER">
-                    <children>
-                        <Label text="▼" textFill="#7E8288">
-                            <font>
-                                <Font size="22" />
-                            </font>
-                        </Label>
-                    </children>
-                </HBox>
-            </children>
-        </VBox>
-      <rowConstraints>
-         <RowConstraints />
-      </rowConstraints>
-    </GridPane>
-</GridPane>
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_org_Settings.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_org_Settings.fxml
index 6b41555d..51c8651c 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_org_Settings.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_org_Settings.fxml
@@ -4,9 +4,11 @@
 <?import javafx.scene.Cursor?>
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
 <?import javafx.scene.control.TextField?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.BorderPane?>
 <?import javafx.scene.layout.ColumnConstraints?>
 <?import javafx.scene.layout.GridPane?>
 <?import javafx.scene.layout.HBox?>
@@ -15,21 +17,13 @@
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.shape.Circle?>
+<?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.text.Font?>
 
-<GridPane prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationSettingsController">
-
-    <columnConstraints>
-        <ColumnConstraints percentWidth="100.0" />
-    </columnConstraints>
-
-    <rowConstraints>
-        <RowConstraints prefHeight="90.0" />
-        <RowConstraints vgrow="ALWAYS" />
-    </rowConstraints>
+<VBox prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.ProfileSettingsController">
 
     <!-- NAVBAR -->
-    <StackPane style="-fx-background-color: #379894;" GridPane.rowIndex="0">
+    <StackPane maxHeight="86.0" minHeight="86.0" prefHeight="86.0" style="-fx-background-color: #379894;">
         <children>
             <GridPane maxWidth="1400.0" prefHeight="52.0" StackPane.alignment="CENTER">
                 <padding>
@@ -108,159 +102,304 @@
         </children>
     </StackPane>
 
-    <!-- MAIN AREA -->
-    <GridPane GridPane.rowIndex="1">
-        <columnConstraints>
-            <ColumnConstraints percentWidth="23" />
-            <ColumnConstraints percentWidth="77" />
-        </columnConstraints>
+    <BorderPane style="-fx-background-color: #F5F5F5;" VBox.vgrow="ALWAYS">
 
         <!-- SIDEBAR -->
-        <VBox prefHeight="838.0" prefWidth="317.0" spacing="28" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0">
-            <padding>
-                <Insets bottom="28" left="20" right="20" top="28" />
-            </padding>
-
-            <children>
-                <VBox alignment="CENTER" spacing="16">
-                    <children>
-                        <Circle fill="#D9D9D9" radius="88" />
-                        <Label text="Organization&#10;Name" textAlignment="CENTER" textFill="#333333">
-                            <font>
-                                <Font size="18" />
-                            </font>
-                        </Label>
-                    </children>
-                </VBox>
-
-                <VBox spacing="18">
-                    <children>
-                        <HBox alignment="CENTER_LEFT" spacing="12">
-                            <children>
-                                <Circle fill="#6AA84F" radius="6" />
-                                <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Payments" />
-                            </children>
-                        </HBox>
-
-                        <HBox alignment="CENTER_LEFT" spacing="12">
-                            <children>
-                                <Circle fill="#D99028" radius="6" />
-                                <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
-                            </children>
-                        </HBox>
-
-                        <HBox alignment="CENTER_LEFT" spacing="12">
-                            <children>
-                                <Circle fill="#E68BA8" radius="6" />
-                                <Button style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Edit" />
-                            </children>
-                        </HBox>
-
-                        <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
-                            <children>
-                                <Circle fill="#7B7B7B" radius="6" />
-                                <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
-                            </children>
-                        </HBox>
-                    </children>
-                </VBox>
-
-                <Region VBox.vgrow="ALWAYS" />
-
-                <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
-            </children>
-        </VBox>
-
-        <!-- CONTENT -->
-        <VBox spacing="36" GridPane.columnIndex="1">
-            <padding>
-                <Insets bottom="40" left="70" right="60" top="40" />
-            </padding>
-
-            <children>
-                <Label text="Settings">
-                    <font>
-                        <Font size="48" />
-                    </font>
-                </Label>
-
-                <HBox alignment="TOP_LEFT" spacing="90">
-                    <children>
-                        <VBox alignment="CENTER" spacing="18">
-                            <children>
-                                <Circle fill="#D9D9D9" radius="110" />
-                                <Button onAction="#handleChangeImage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-text-fill: #666666;" text="change" />
-                            </children>
-                        </VBox>
-
-                        <VBox spacing="34">
-                            <children>
-                                <VBox spacing="12">
-                                    <children>
-                                        <Label text="Organization Name" textFill="#7A7A7A">
-                                            <font>
-                                                <Font size="18" />
-                                            </font>
-                                        </Label>
-                                        <TextField fx:id="organizationNameField" prefHeight="54" prefWidth="460" style="-fx-background-color: #EEF0F3; -fx-background-radius: 8; -fx-border-radius: 8;" />
-                                    </children>
-                                </VBox>
-
-                                <VBox spacing="18">
-                                    <children>
-                                        <Label text="Manage tags" textFill="#7A7A7A">
-                                            <font>
-                                                <Font size="18" />
-                                            </font>
-                                        </Label>
-
-                                        <HBox spacing="24">
-                                            <children>
-                                                <VBox alignment="CENTER" spacing="8">
-                                                    <children>
-                                                        <Button style="-fx-background-color: #E5F0D7; -fx-text-fill: #6E8A5C; -fx-font-size: 16px;" text="Non-profit" />
-                                                        <Button style="-fx-background-color: transparent; -fx-text-fill: #8A8A8A;" text="delete" />
-                                                    </children>
-                                                </VBox>
-
-                                                <VBox alignment="CENTER" spacing="8">
-                                                    <children>
-                                                        <Button style="-fx-background-color: #EFE3D9; -fx-text-fill: #8B786B; -fx-font-size: 16px;" text="Children" />
-                                                        <Button style="-fx-background-color: transparent; -fx-text-fill: #8A8A8A;" text="delete" />
-                                                    </children>
-                                                </VBox>
-
-                                                <VBox alignment="CENTER" spacing="8">
-                                                    <children>
-                                                        <Button style="-fx-background-color: #E1E8F2; -fx-text-fill: #6A778A; -fx-font-size: 16px;" text="Food safety" />
-                                                        <Button style="-fx-background-color: transparent; -fx-text-fill: #8A8A8A;" text="delete" />
-                                                    </children>
-                                                </VBox>
-                                            </children>
-                                        </HBox>
-
-                                        <Button onAction="#handleAddTag" style="-fx-background-color: transparent; -fx-font-size: 16px; -fx-text-fill: #777777; -fx-alignment: CENTER_LEFT;" text="+ add Tag" />
-                                    </children>
-                                </VBox>
-
-                                <VBox spacing="12">
-                                    <children>
-                                        <Label text="Password" textFill="#7A7A7A">
-                                            <font>
-                                                <Font size="18" />
-                                            </font>
-                                        </Label>
-                                        <TextField fx:id="passwordField" prefHeight="54" prefWidth="300" style="-fx-background-color: #EEF0F3; -fx-background-radius: 8; -fx-border-radius: 8;" />
-                                    </children>
-                                </VBox>
-                            </children>
-                        </VBox>
-                    </children>
-                </HBox>
-            </children>
-        </VBox>
-      <rowConstraints>
-         <RowConstraints />
-      </rowConstraints>
-    </GridPane>
-</GridPane>
+        <left>
+            <VBox prefHeight="838.0" prefWidth="317.0" spacing="28.0" style="-fx-background-color: #E9ECEF;">
+                <padding>
+                    <Insets bottom="28.0" left="20.0" right="20.0" top="28.0" />
+                </padding>
+
+                <children>
+                    <HBox alignment="CENTER_LEFT" spacing="8.0">
+                        <children>
+                            <Label style="-fx-font-size: 20px; -fx-text-fill: #333333;" text="←" />
+                            <Label style="-fx-font-size: 14px; -fx-text-fill: #333333;" text="Back" />
+                        </children>
+                    </HBox>
+
+                    <HBox alignment="CENTER_LEFT" spacing="16.0">
+                        <children>
+                            <StackPane>
+                                <children>
+                                    <Circle fill="#F5F5F5" radius="60.0" />
+                                    <Label style="-fx-font-size: 22px; -fx-text-fill: #222222;" text="SJ" />
+                                </children>
+                            </StackPane>
+
+                            <Label text="First name&#10;Last name" textFill="#333333">
+                                <font>
+                                    <Font size="18.0" />
+                                </font>
+                            </Label>
+                        </children>
+                    </HBox>
+
+                    <VBox spacing="18.0">
+                        <children>
+                            <HBox alignment="CENTER_LEFT" spacing="12.0" />
+
+                            <HBox alignment="CENTER_LEFT" spacing="12.0">
+                                <children>
+                                    <Circle fill="#2e7d32" radius="6.0" />
+                                    <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Donation History" />
+                                </children>
+                            </HBox>
+
+                            <HBox alignment="CENTER_LEFT" spacing="12.0">
+                                <children>
+                                    <Circle fill="#ed6c02" radius="6.0" />
+                                    <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Interests" />
+                                </children>
+                            </HBox>
+
+                            <HBox alignment="CENTER_LEFT" spacing="12.0" style="-fx-padding: 4 0 4 0;">
+                                <children>
+                                    <Circle fill="#1f4fd8" radius="6.0" />
+                                    <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
+                                </children>
+                            </HBox>
+                        </children>
+                    </VBox>
+
+                    <HBox alignment="CENTER_LEFT" spacing="12.0" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
+                        <children>
+                            <Circle fill="#1f1f1f" radius="6.0" />
+                            <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
+                        </children>
+                    </HBox>
+
+                    <Region VBox.vgrow="ALWAYS" />
+
+                    <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
+                </children>
+            </VBox>
+        </left>
+
+        <!-- MAIN CONTENT -->
+        <center>
+            <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background: transparent; -fx-background-color: transparent;" vbarPolicy="AS_NEEDED">
+                <content>
+                    <VBox spacing="28.0" style="-fx-background-color: #F5F5F5;">
+                        <padding>
+                            <Insets bottom="30.0" left="40.0" right="40.0" top="28.0" />
+                        </padding>
+
+                        <children>
+                            <HBox alignment="CENTER_LEFT">
+                                <children>
+                                    <Label style="-fx-text-fill: #222222;" text="Settings">
+                                        <font>
+                                            <Font size="28.0" />
+                                        </font>
+                                    </Label>
+                                    <Region HBox.hgrow="ALWAYS" />
+                                    <VBox alignment="CENTER" spacing="6.0">
+                                        <children>
+                                            <StackPane>
+                                                <children>
+                                                    <Circle fill="#DCEAEA" radius="32.0" />
+                                                    <Label style="-fx-font-size: 22px; -fx-text-fill: #333333;" text="SJ" />
+                                                </children>
+                                            </StackPane>
+                                            <Label style="-fx-font-size: 10px; -fx-text-fill: #888888;" text="Change" />
+                                        </children>
+                                    </VBox>
+                                </children>
+                            </HBox>
+
+                            <GridPane hgap="40.0" vgap="18.0">
+                                <columnConstraints>
+                                    <ColumnConstraints hgrow="ALWAYS" />
+                                    <ColumnConstraints hgrow="ALWAYS" />
+                                </columnConstraints>
+
+                                <rowConstraints>
+                                    <RowConstraints />
+                                    <RowConstraints />
+                                </rowConstraints>
+
+                                <children>
+                                    <VBox spacing="6.0" GridPane.columnIndex="0" GridPane.rowIndex="0">
+                                        <children>
+                                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Full name" />
+                                            <TextField prefHeight="36.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                                        </children>
+                                    </VBox>
+
+                                    <VBox spacing="6.0" GridPane.columnIndex="1" GridPane.rowIndex="0">
+                                        <children>
+                                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="E-mail" />
+                                            <TextField prefHeight="36.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                                        </children>
+                                    </VBox>
+
+                                    <VBox spacing="6.0" GridPane.columnIndex="0" GridPane.rowIndex="1">
+                                        <children>
+                                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Donor name" />
+                                            <TextField prefHeight="36.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                                        </children>
+                                    </VBox>
+
+                                    <VBox spacing="6.0" GridPane.columnIndex="1" GridPane.rowIndex="1">
+                                        <children>
+                                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Phone number" />
+                                            <TextField prefHeight="36.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                                        </children>
+                                    </VBox>
+                                </children>
+                            </GridPane>
+
+                            <VBox spacing="16.0" style="-fx-border-color: #379894; -fx-border-width: 2; -fx-padding: 14;">
+                                <children>
+                                    <Label style="-fx-font-size: 18px; -fx-text-fill: #666666;" text="Preferences" />
+
+                                    <HBox spacing="30.0">
+                                        <children>
+                                            <VBox spacing="6.0">
+                                                <children>
+                                                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Language" />
+                                                    <HBox alignment="CENTER_LEFT" prefHeight="36.0" prefWidth="170.0" spacing="10.0" style="-fx-background-color: #F1F3F4; -fx-padding: 0 10 0 10;">
+                                                        <children>
+                                                            <Label style="-fx-text-fill: #666666;" text="English" />
+                                                            <Region HBox.hgrow="ALWAYS" />
+                                                            <Label style="-fx-text-fill: #666666;" text="◉" />
+                                                        </children>
+                                                    </HBox>
+                                                </children>
+                                            </VBox>
+
+                                            <VBox spacing="6.0">
+                                                <children>
+                                                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Theme" />
+                                                    <HBox alignment="CENTER_LEFT" prefHeight="36.0" prefWidth="170.0" spacing="10.0" style="-fx-background-color: #F1F3F4; -fx-padding: 0 10 0 10;">
+                                                        <children>
+                                                            <Label style="-fx-text-fill: #666666;" text="Light Mode" />
+                                                            <Region HBox.hgrow="ALWAYS" />
+                                                            <Label style="-fx-text-fill: #666666;" text="◉" />
+                                                        </children>
+                                                    </HBox>
+                                                </children>
+                                            </VBox>
+
+                                            <VBox spacing="6.0">
+                                                <children>
+                                                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Anonymous mode" />
+                                                    <HBox alignment="CENTER" prefHeight="36.0" prefWidth="120.0" spacing="12.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 18;">
+                                                        <children>
+                                                            <Circle fill="#BFD8D4" radius="10.0" />
+                                                            <Label style="-fx-text-fill: #666666;" text="Off" />
+                                                        </children>
+                                                    </HBox>
+                                                </children>
+                                            </VBox>
+                                        </children>
+                                    </HBox>
+                                </children>
+                            </VBox>
+
+                            <VBox maxWidth="220.0" spacing="6.0">
+                                <children>
+                                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Password" />
+                                    <TextField prefHeight="36.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                                </children>
+                            </VBox>
+                        </children>
+                    </VBox>
+                </content>
+            </ScrollPane>
+        </center>
+    </BorderPane>
+
+    <!-- FOOTER -->
+    <HBox alignment="BOTTOM_CENTER" maxHeight="130.0" minHeight="130.0" prefHeight="130.0" style="-fx-background-color: #2f8f8b;">
+        <children>
+            <GridPane HBox.hgrow="ALWAYS">
+                <columnConstraints>
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="60.0" prefWidth="100.0" />
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                </columnConstraints>
+
+                <children>
+                    <StackPane prefHeight="150.0" prefWidth="200.0">
+                        <children>
+                            <Rectangle fill="#2f8f8b" height="130.0" stroke="TRANSPARENT" strokeType="INSIDE" width="800.0" />
+
+                            <Label text="Help" textFill="WHITE" translateX="80.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+
+                            <Label text="Me" textFill="#c8e6c9" translateX="145.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+
+                            <Label text="Help" textFill="WHITE" translateX="192.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+
+                            <Rectangle fill="WHITE" height="90.0" stroke="TRANSPARENT" strokeType="INSIDE" translateX="-120.0" width="2.0" />
+
+                            <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" translateX="-40.0" StackPane.alignment="CENTER_LEFT">
+                                <children>
+                                    <Label text="About us" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+
+                                    <Label text="Something else" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+
+                                    <Label text="Third link" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                </children>
+                            </VBox>
+                        </children>
+                    </StackPane>
+
+                    <StackPane alignment="CENTER_RIGHT" prefHeight="150.0" prefWidth="200.0" GridPane.columnIndex="1">
+                        <children>
+                            <ImageView fitHeight="71.0" fitWidth="161.0" pickOnBounds="true" preserveRatio="true" translateX="-60.0" translateY="-30.0">
+                                <image>
+                                    <Image url="@../images/img.png" />
+                                </image>
+                            </ImageView>
+
+                            <Label maxWidth="200.0" text="All data is consistently updated and reverified" textAlignment="CENTER" textFill="WHITE" translateY="30.0" wrapText="true">
+                                <font>
+                                    <Font name="System Bold" size="14.0" />
+                                </font>
+                            </Label>
+                        </children>
+                    </StackPane>
+                </children>
+            <rowConstraints>
+               <RowConstraints />
+            </rowConstraints>
+            </GridPane>
+        </children>
+    </HBox>
+
+</VBox>
\ No newline at end of file
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_org_edit.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_org_edit.fxml
index 7d8cd8d3..75d2362d 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_org_edit.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_org_edit.fxml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import javafx.scene.layout.BorderPane?>
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.Cursor?>
 <?import javafx.scene.control.Button?>
@@ -19,19 +20,14 @@
 <?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.text.Font?>
 
-<GridPane prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationEditController">
-
-    <columnConstraints>
-        <ColumnConstraints percentWidth="100.0" />
-    </columnConstraints>
-
-    <rowConstraints>
-        <RowConstraints prefHeight="78.0" />
-        <RowConstraints vgrow="ALWAYS" />
-    </rowConstraints>
+<VBox prefHeight="900.0" prefWidth="1400.0"
+      style="-fx-background-color: #F5F5F5;"
+      xmlns="http://javafx.com/javafx/25"
+      xmlns:fx="http://javafx.com/fxml/1"
+      fx:controller="ntnu.systemutvikling.team6.controller.OrganizationEditController">
 
     <!-- NAVBAR -->
-    <StackPane style="-fx-background-color: #379894;" GridPane.rowIndex="0">
+    <StackPane prefHeight="86.0" minHeight="86.0" maxHeight="86.0" style="-fx-background-color: #379894;">
         <children>
             <GridPane maxWidth="1400.0" prefHeight="52.0" StackPane.alignment="CENTER">
                 <padding>
@@ -111,169 +107,250 @@
     </StackPane>
 
     <!-- MAIN CONTENT -->
-    <GridPane GridPane.rowIndex="1">
-        <columnConstraints>
-            <ColumnConstraints percentWidth="23" />
-            <ColumnConstraints percentWidth="77" />
-        </columnConstraints>
+    <BorderPane VBox.vgrow="ALWAYS" style="-fx-background-color: #F5F5F5;">
 
         <!-- SIDEBAR -->
-        <VBox prefHeight="838.0" prefWidth="317.0" spacing="28" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0">
-            <padding>
-                <Insets bottom="28" left="20" right="20" top="28" />
-            </padding>
-
-            <children>
-                <VBox alignment="CENTER" spacing="16">
-                    <children>
-                        <Circle fill="#D9D9D9" radius="88" />
-                        <Label text="Organization&#10;Name" textAlignment="CENTER" textFill="#333333">
-                            <font>
-                                <Font size="18" />
-                            </font>
-                        </Label>
-                    </children>
-                </VBox>
-
-                <VBox spacing="18">
-                    <children>
-                        <HBox alignment="CENTER_LEFT" spacing="12">
-                            <children>
-                                <Circle fill="#6AA84F" radius="6" />
-                                <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Payments" />
-                            </children>
-                        </HBox>
-
-                        <HBox alignment="CENTER_LEFT" spacing="12">
-                            <children>
-                                <Circle fill="#D99028" radius="6" />
-                                <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
-                            </children>
-                        </HBox>
-
-                        <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
-                            <children>
-                                <Circle fill="#E68BA8" radius="6" />
-                                <Button style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Edit" />
-                            </children>
-                        </HBox>
-
-                        <HBox alignment="CENTER_LEFT" spacing="12">
-                            <children>
-                                <Circle fill="#7B7B7B" radius="6" />
-                                <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
-                            </children>
-                        </HBox>
-                    </children>
-                </VBox>
+        <left>
+            <VBox prefHeight="838.0" prefWidth="317.0" spacing="28" style="-fx-background-color: #E9ECEF;">
+                <padding>
+                    <Insets bottom="28" left="20" right="20" top="28" />
+                </padding>
+
+                <children>
+                    <VBox alignment="CENTER" spacing="16">
+                        <children>
+                            <Circle fill="#D9D9D9" radius="88" />
+                            <Label text="Organization&#10;Name" textAlignment="CENTER" textFill="#333333">
+                                <font>
+                                    <Font size="18" />
+                                </font>
+                            </Label>
+                        </children>
+                    </VBox>
+
+                    <VBox spacing="18">
+                        <children>
+                            <HBox alignment="CENTER_LEFT" spacing="12">
+                                <children>
+                                    <Circle fill="#6AA84F" radius="6" />
+                                    <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Payments" />
+                                </children>
+                            </HBox>
+
+                            <HBox alignment="CENTER_LEFT" spacing="12">
+                                <children>
+                                    <Circle fill="#D99028" radius="6" />
+                                    <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
+                                </children>
+                            </HBox>
+
+                            <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
+                                <children>
+                                    <Circle fill="#E68BA8" radius="6" />
+                                    <Button style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Edit" />
+                                </children>
+                            </HBox>
+
+                            <HBox alignment="CENTER_LEFT" spacing="12">
+                                <children>
+                                    <Circle fill="#7B7B7B" radius="6" />
+                                    <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
+                                </children>
+                            </HBox>
+                        </children>
+                    </VBox>
 
                 <Region VBox.vgrow="ALWAYS" />
 
                 <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
             </children>
         </VBox>
+    </left>
+
+        <center>
+            <ScrollPane fitToWidth="true" hbarPolicy="NEVER" vbarPolicy="AS_NEEDED" style="-fx-background: transparent; -fx-background-color: transparent;">
+                <content>
+                    <VBox spacing="30" style="-fx-background-color: #F5F5F5;">
+                        <padding>
+                            <Insets bottom="40" left="50" right="34" top="40" />
+                        </padding>
+
+                        <children>
+                            <VBox spacing="4">
+                                <children>
+                                    <Label text="Edit" textFill="#111111">
+                                        <font>
+                                            <Font size="42" />
+                                        </font>
+                                    </Label>
+                                    <Label text="Edit page" textFill="#8B8B8B">
+                                        <font>
+                                            <Font size="18" />
+                                        </font>
+                                    </Label>
+                                </children>
+                            </VBox>
+
+                            <HBox alignment="TOP_LEFT" spacing="24">
+                                <children>
+                                    <StackPane maxWidth="1.7976931348623157E308" prefHeight="210" HBox.hgrow="ALWAYS">
+                                        <children>
+                                            <Rectangle arcHeight="16" arcWidth="16" fill="#E9ECEF" height="210" width="780" />
+                                            <VBox alignment="CENTER_LEFT" maxWidth="721.0" prefHeight="210.0" prefWidth="711.0" spacing="14">
+                                                <children>
+                                                    <Label prefHeight="60.0" prefWidth="306.0" text="REDD BARNA NORGE" textFill="#111111">
+                                                        <font>
+                                                            <Font size="30" />
+                                                        </font>
+                                                    </Label>
+                                                    <Label text="“Våre sparepenger skal ikke ødelegge barns liv”" textFill="#666666" wrapText="true">
+                                                        <font>
+                                                            <Font size="17" />
+                                                        </font>
+                                                    </Label>
+                                                </children>
+                                            </VBox>
+                                        </children>
+                                    </StackPane>
+
+                                    <Button minWidth="120" onAction="#handleEditHeader" style="-fx-background-color: transparent; -fx-font-size: 17px; -fx-text-fill: #D790A7; -fx-font-weight: bold;" text="Edit header" />
+                                </children>
+                            </HBox>
+
+                            <HBox alignment="TOP_LEFT" spacing="24">
+                                <children>
+                                    <StackPane maxWidth="1.7976931348623157E308" prefHeight="270" HBox.hgrow="ALWAYS">
+                                        <children>
+                                            <Rectangle arcHeight="16" arcWidth="16" fill="#E9ECEF" height="270" width="780" />
+
+                                            <HBox alignment="CENTER_LEFT" maxWidth="670" spacing="40">
+                                                <children>
+                                                    <VBox spacing="14">
+                                                        <children>
+                                                            <Label prefHeight="75.0" prefWidth="95.0" text="Overview" textFill="#222222">
+                                                                <font>
+                                                                    <Font size="24" />
+                                                                </font>
+                                                            </Label>
+                                                            <Label prefHeight="45.0" prefWidth="166.0" text="“Example text”" textFill="#777777" wrapText="true">
+                                                                <font>
+                                                                    <Font size="17" />
+                                                                </font>
+                                                            </Label>
+                                                        </children>
+                                                    </VBox>
+
+                                                    <Region HBox.hgrow="ALWAYS" />
+
+                                                    <StackPane>
+                                                        <children>
+                                                            <Rectangle arcHeight="10" arcWidth="10" fill="#F3DDE5" height="190" width="150.0" />
+                                                            <Label text="Image" textFill="#D69BAE">
+                                                                <font>
+                                                                    <Font name="System Bold Italic" size="20.0" />
+                                                                </font>
+                                                            </Label>
+                                                        </children>
+                                                    </StackPane>
+                                                </children>
+                                            </HBox>
+                                        </children>
+                                    </StackPane>
+
+                                    <Button minWidth="130" mnemonicParsing="false" onAction="#handleEditTextBox1" style="-fx-background-color: transparent; -fx-font-size: 17px; -fx-text-fill: #D790A7; -fx-font-weight: bold; -fx-alignment: TOP_LEFT;" text="Edit text box #1" wrapText="true" />
+                                </children>
+                            </HBox>
+                        </children>
+                    </VBox>
+                </content>
+            </ScrollPane>
+        </center>
+        </BorderPane>
+
+    <!-- FOOTER -->
+    <HBox alignment="BOTTOM_CENTER" prefHeight="130.0" minHeight="130.0" maxHeight="130.0"
+          style="-fx-background-color: #2f8f8b;">
+        <children>
+            <GridPane HBox.hgrow="ALWAYS">
+                <columnConstraints>
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="60.0" prefWidth="100.0" />
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                </columnConstraints>
+
+                <children>
+                    <StackPane prefHeight="150.0" prefWidth="200.0">
+                        <children>
+                            <Rectangle fill="#2f8f8b" height="130.0" stroke="TRANSPARENT" strokeType="INSIDE" width="800.0" />
+                            <Label text="Help" textFill="WHITE" translateX="80.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Me" textFill="#c8e6c9" translateX="145.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Help" textFill="WHITE" translateX="192.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Rectangle fill="WHITE" height="90.0" stroke="TRANSPARENT" strokeType="INSIDE" translateX="-120.0" width="2.0" />
+                            <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" translateX="-40.0" StackPane.alignment="CENTER_LEFT">
+                                <children>
+                                    <Label text="About us" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                    <Label text="Something else" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                    <Label text="Third link" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                </children>
+                            </VBox>
+                        </children>
+                    </StackPane>
+
+                    <StackPane alignment="CENTER_RIGHT" prefHeight="150.0" prefWidth="200.0" GridPane.columnIndex="1">
+                        <children>
+                            <ImageView fitHeight="71.0" fitWidth="161.0" pickOnBounds="true" preserveRatio="true" translateX="-60.0" translateY="-30.0">
+                                <image>
+                                    <Image url="@../images/img.png" />
+                                </image>
+                            </ImageView>
+                            <Label maxWidth="200.0"
+                                   text="All data is consistently updated and reverified"
+                                   textAlignment="CENTER"
+                                   textFill="WHITE"
+                                   translateY="30.0"
+                                   wrapText="true">
+                                <font>
+                                    <Font name="System Bold" size="14.0" />
+                                </font>
+                            </Label>
+                        </children>
+                    </StackPane>
+                </children>
+            </GridPane>
+        </children>
+    </HBox>
+
 
-        <!-- PAGE AREA -->
-        <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background-color: transparent;" GridPane.columnIndex="1">
-            <content>
-                <VBox spacing="30" style="-fx-background-color: #F5F5F5;">
-                    <padding>
-                        <Insets bottom="40" left="50" right="34" top="40" />
-                    </padding>
-
-                    <children>
-                        <VBox spacing="4">
-                            <children>
-                                <Label text="Edit" textFill="#111111">
-                                    <font>
-                                        <Font size="42" />
-                                    </font>
-                                </Label>
-                                <Label text="Edit page" textFill="#8B8B8B">
-                                    <font>
-                                        <Font size="18" />
-                                    </font>
-                                </Label>
-                            </children>
-                        </VBox>
-
-                        <!-- HEADER CARD -->
-                        <HBox alignment="TOP_LEFT" spacing="24">
-                            <children>
-                                <StackPane maxWidth="1.7976931348623157E308" prefHeight="210" HBox.hgrow="ALWAYS">
-                                    <children>
-                                        <Rectangle arcHeight="16" arcWidth="16" fill="#E9ECEF" height="210" width="780" />
-                                        <VBox alignment="CENTER_LEFT" maxWidth="721.0" prefHeight="210.0" prefWidth="711.0" spacing="14">
-                                            <children>
-                                                <Label prefHeight="60.0" prefWidth="306.0" text="REDD BARNA NORGE" textFill="#111111">
-                                                    <font>
-                                                        <Font size="30" />
-                                                    </font>
-                                                </Label>
-                                                <Label text="“Våre sparepenger skal ikke ødelegge barns liv”" textFill="#666666" wrapText="true">
-                                                    <font>
-                                                        <Font size="17" />
-                                                    </font>
-                                                </Label>
-                                            </children>
-                                        </VBox>
-                                    </children>
-                                </StackPane>
-
-                                <Button minWidth="120" onAction="#handleEditHeader" style="-fx-background-color: transparent; -fx-font-size: 17px; -fx-text-fill: #D790A7; -fx-font-weight: bold;" text="Edit header" />
-                            </children>
-                        </HBox>
-
-                        <!-- CONTENT CARD -->
-                        <HBox alignment="TOP_LEFT" spacing="24">
-                            <children>
-                                <StackPane maxWidth="1.7976931348623157E308" prefHeight="270" HBox.hgrow="ALWAYS">
-                                    <children>
-                                        <Rectangle arcHeight="16" arcWidth="16" fill="#E9ECEF" height="270" width="780" />
-
-                                        <HBox alignment="CENTER_LEFT" maxWidth="670" spacing="40">
-                                            <children>
-                                                <VBox spacing="14">
-                                                    <children>
-                                                        <Label prefHeight="75.0" prefWidth="95.0" text="Overview" textFill="#222222">
-                                                            <font>
-                                                                <Font size="24" />
-                                                            </font>
-                                                        </Label>
-                                                        <Label prefHeight="45.0" prefWidth="166.0" text="“Example text”" textFill="#777777" wrapText="true">
-                                                            <font>
-                                                                <Font size="17" />
-                                                            </font>
-                                                        </Label>
-                                                    </children>
-                                                </VBox>
-
-                                                <Region HBox.hgrow="ALWAYS" />
-
-                                                <StackPane>
-                                                    <children>
-                                                        <Rectangle arcHeight="10" arcWidth="10" fill="#F3DDE5" height="190" width="150.0" />
-                                                        <Label text="Image" textFill="#D69BAE">
-                                                            <font>
-                                                                <Font name="System Bold Italic" size="20.0" />
-                                                            </font>
-                                                        </Label>
-                                                    </children>
-                                                </StackPane>
-                                            </children>
-                                        </HBox>
-                                    </children>
-                                </StackPane>
-
-                                <Button minWidth="130" mnemonicParsing="false" onAction="#handleEditTextBox1" style="-fx-background-color: transparent; -fx-font-size: 17px; -fx-text-fill: #D790A7; -fx-font-weight: bold; -fx-alignment: TOP_LEFT;" text="Edit text box #1" wrapText="true" />
-                            </children>
-                        </HBox>
-                    </children>
-                </VBox>
-            </content>
-        </ScrollPane>
-      <rowConstraints>
-         <RowConstraints />
-      </rowConstraints>
-    </GridPane>
-</GridPane>
+    </VBox>
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_user_history.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_user_history.fxml
index 2f4c695f..030f54fc 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_user_history.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_user_history.fxml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import javafx.scene.layout.BorderPane?>
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.Cursor?>
 <?import javafx.scene.control.Button?>
@@ -19,20 +20,10 @@
 <?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.text.Font?>
 
-<GridPane prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationDonationHistoryController">
-
-    <columnConstraints>
-        <ColumnConstraints minWidth="280.0" prefWidth="300.0" />
-        <ColumnConstraints hgrow="ALWAYS" />
-    </columnConstraints>
-
-    <rowConstraints>
-        <RowConstraints maxHeight="86.0" minHeight="86.0" prefHeight="86.0" />
-        <RowConstraints vgrow="ALWAYS" />
-    </rowConstraints>
+<VBox prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationDonationHistoryController">
 
     <!-- NAVBAR -->
-    <StackPane style="-fx-background-color: #379894;" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="0">
+    <StackPane prefHeight="86.0" minHeight="86.0" maxHeight="86.0" style="-fx-background-color: #379894;"> 
         <children>
             <GridPane maxWidth="1400.0" prefHeight="52.0" StackPane.alignment="CENTER">
                 <padding>
@@ -46,10 +37,6 @@
                     <ColumnConstraints minWidth="170.0" prefWidth="190.0" />
                 </columnConstraints>
 
-                <rowConstraints>
-                    <RowConstraints />
-                </rowConstraints>
-
                 <children>
                     <ImageView fitHeight="34.0" fitWidth="34.0" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="0">
                         <image>
@@ -110,191 +97,296 @@
             </GridPane>
         </children>
     </StackPane>
+    <BorderPane VBox.vgrow="ALWAYS" style="-fx-background-color: #F5F5F5;">
 
     <!-- SIDEBAR -->
-    <VBox prefHeight="838.0" prefWidth="317.0" spacing="28" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0" GridPane.rowIndex="1">
-        <padding>
-            <Insets bottom="28" left="20" right="20" top="28" />
-        </padding>
-
-        <children>
-            <HBox alignment="CENTER_LEFT" spacing="8">
-                <children>
-                    <Label style="-fx-font-size: 20px; -fx-text-fill: #333333;" text="←" />
-                    <Label style="-fx-font-size: 14px; -fx-text-fill: #333333;" text="Back" />
-                </children>
-            </HBox>
-
-            <HBox alignment="CENTER_LEFT" spacing="16">
-                <children>
-                    <StackPane>
-                        <children>
-                            <Circle fill="#F5F5F5" radius="60.0" />
-                            <Label style="-fx-font-size: 22px; -fx-text-fill: #222222;" text="SJ" />
-                        </children>
-                    </StackPane>
-
-                    <Label text="First name&#10;Last name" textFill="#333333">
-                        <font><Font size="18" /></font>
-                    </Label>
-                </children>
-            </HBox>
+    <left>
+            <VBox prefWidth="300.0" spacing="28.0" style="-fx-background-color: #E9ECEF;">
+                <padding>
+                    <Insets bottom="28" left="20" right="20" top="28" />
+                </padding>
 
-            <VBox spacing="18">
                 <children>
-                    <HBox alignment="CENTER_LEFT" spacing="12">
-                        <children>
-                     <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
-                        <children>
-                           <Circle fill="#2E7D32" radius="6" />
-                           <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Donation History" />
-                        </children>
-                     </HBox>
-                        </children>
-                    </HBox>
-
-                    <HBox alignment="CENTER_LEFT" spacing="12">
+                    <HBox alignment="CENTER_LEFT" spacing="8">
                         <children>
-                            <Circle fill="#ED6C02" radius="6" />
-                            <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Interests" />
+                            <Label style="-fx-font-size: 20px; -fx-text-fill: #333333;" text="←" />
+                            <Label style="-fx-font-size: 14px; -fx-text-fill: #333333;" text="Back" />
                         </children>
                     </HBox>
 
-                    <HBox alignment="CENTER_LEFT" spacing="12">
+                    <HBox alignment="CENTER_LEFT" spacing="16">
                         <children>
-                            <Circle fill="#1F4FD8" radius="6" />
-                            <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
-                        </children>
-                    </HBox>
+                            <StackPane>
+                                <children>
+                                    <Circle fill="#F5F5F5" radius="60.0" />
+                                    <Label style="-fx-font-size: 22px; -fx-text-fill: #222222;" text="SJ" />
+                                </children>
+                            </StackPane>
 
-                    <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-padding: 4 0 4 0;">
-                        <children>
-                            <Circle fill="#1F1F1F" radius="6" />
-                            <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
+                            <Label text="First name&#10;Last name" textFill="#333333">
+                                <font>
+                                    <Font size="18" />
+                                </font>
+                            </Label>
                         </children>
                     </HBox>
-                </children>
-            </VBox>
 
-            <Region VBox.vgrow="ALWAYS" />
-
-            <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
-        </children>
-    </VBox>
-
-    <!-- MAIN CONTENT -->
-    <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background: transparent; -fx-background-color: transparent;" vbarPolicy="AS_NEEDED" GridPane.columnIndex="1" GridPane.rowIndex="1">
-
-        <content>
-            <VBox spacing="28.0" style="-fx-background-color: #F5F5F5;">
-                <padding>
-                    <Insets bottom="42.0" left="62.0" right="42.0" top="34.0" />
-                </padding>
-
-                <children>
-                    <!-- top row -->
-                    <HBox alignment="TOP_LEFT" spacing="24.0">
+                    <VBox spacing="18">
                         <children>
-                            <VBox spacing="28.0">
+                            <HBox alignment="CENTER_LEFT" spacing="12">
                                 <children>
-                                    <Label style="-fx-text-fill: #111111;" text="Donation History">
-                                        <font>
-                                            <Font size="36.0" />
-                                        </font>
-                                    </Label>
-
-                                    <Button onAction="#handleFilterDonations" prefHeight="48.0" prefWidth="215.0" style="-fx-background-color: #2D5BE3; -fx-text-fill: white; -fx-font-size: 15px; -fx-background-radius: 2;" text="Last 6 months   ⌄" />
-                                </children>
-                            </VBox>
-
-                            <Region HBox.hgrow="ALWAYS" />
-
-                            <HBox alignment="TOP_RIGHT" spacing="20.0">
-                                <children>
-
-                                    <!-- total card -->
-                                    <StackPane prefHeight="86.0" prefWidth="180.0">
+                                    <HBox alignment="CENTER_LEFT" spacing="12"
+                                          style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
                                         <children>
-                                            <Rectangle arcHeight="8.0" arcWidth="8.0" fill="#EAF1F0" height="86.0" width="180.0" />
-                                            <VBox alignment="CENTER" spacing="10.0">
-                                                <children>
-                                                    <Label style="-fx-text-fill: #8A8A8A; -fx-font-size: 12px;" text="Total Amount donated:" />
-                                                    <Label style="-fx-text-fill: #8A8A8A; -fx-font-size: 24px;" text="5000kr" />
-                                                </children>
-                                            </VBox>
+                                            <Circle fill="#2E7D32" radius="6" />
+                                            <Button onAction="#switchToPaymentsPage"
+                                                    style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;"
+                                                    text="Donation History" />
                                         </children>
-                                    </StackPane>
+                                    </HBox>
                                 </children>
                             </HBox>
-                        </children>
-                    </HBox>
 
-                    <VBox spacing="0.0">
-                        <children>
-                            <HBox spacing="20.0" style="-fx-background-color: #E9E9EB; -fx-padding: 14 20 14 20;">
+                            <HBox alignment="CENTER_LEFT" spacing="12">
                                 <children>
-                                    <Label prefWidth="265.0" style="-fx-text-fill: #000000;" text="Donation" />
-                                    <Label prefWidth="210.0" style="-fx-text-fill: #000000;" text="Purchase number" />
-                                    <Label prefWidth="160.0" style="-fx-text-fill: #000000;" text="Payment" />
-                                    <Label prefWidth="120.0" style="-fx-text-fill: #000000;" text="Item" />
-                                    <Label prefWidth="100.0" style="-fx-text-fill: #000000;" text="Total" />
+                                    <Circle fill="#ED6C02" radius="6" />
+                                    <Button onAction="#switchToInboxPage"
+                                            style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;"
+                                            text="Interests" />
                                 </children>
                             </HBox>
 
-                            <VBox spacing="0.0" style="-fx-padding: 18 8 0 8;">
+                            <HBox alignment="CENTER_LEFT" spacing="12">
                                 <children>
-                                    <HBox alignment="CENTER_LEFT" prefHeight="110.0" spacing="20.0" style="-fx-padding: 0 12 0 12;">
-                                        <children>
-                                            <Label prefWidth="265.0" style="-fx-font-size: 24px; -fx-text-fill: #6A6F75;" text="UNICEF" />
-                                            <Label prefWidth="210.0" style="-fx-text-fill: #6A6F75;" text="#12526" />
-                                            <Label prefWidth="160.0" style="-fx-text-fill: #6A6F75;" text="Credit Card" />
-                                            <Label prefWidth="120.0" style="-fx-text-fill: #6A6F75;" text="" />
-                                            <Label prefWidth="100.0" style="-fx-text-fill: #6A6F75;" text="100 kr" />
-                                        </children>
-                                    </HBox>
-                                    <Rectangle fill="#5F5F5F" height="1.0" width="980.0" />
+                                    <Circle fill="#1F4FD8" radius="6" />
+                                    <Button onAction="#switchToEditPage"
+                                            style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;"
+                                            text="Inbox" />
                                 </children>
-                            </VBox>
+                            </HBox>
 
-                            <VBox spacing="0.0" style="-fx-padding: 18 8 0 8;">
+                            <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-padding: 4 0 4 0;">
                                 <children>
-                                    <HBox alignment="CENTER_LEFT" prefHeight="110.0" spacing="20.0" style="-fx-padding: 0 12 0 12;">
-                                        <children>
-                                            <Label prefWidth="265.0" style="-fx-font-size: 24px; -fx-text-fill: #6A6F75;" text="REDD BARNA" />
-                                            <Label prefWidth="210.0" style="-fx-text-fill: #6A6F75;" text="#20567" />
-                                            <Label prefWidth="160.0" style="-fx-text-fill: #6A6F75;" text="Debit Card" />
-                                            <Label prefWidth="120.0" style="-fx-text-fill: #6A6F75;" text="" />
-                                            <Label prefWidth="100.0" style="-fx-text-fill: #6A6F75;" text="200 kr" />
-                                        </children>
-                                    </HBox>
-                                    <Rectangle fill="#5F5F5F" height="1.0" width="980.0" />
+                                    <Circle fill="#1F1F1F" radius="6" />
+                                    <Button onAction="#switchToSettingsPage"
+                                            style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;"
+                                            text="Settings" />
                                 </children>
-                            </VBox>
+                            </HBox>
+                        </children>
+                    </VBox>
 
-                            <VBox spacing="0.0" style="-fx-padding: 18 8 0 8;">
+                    <Region VBox.vgrow="ALWAYS" />
+
+                    <Button onAction="#handleLogout"
+                            style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;"
+                            text="Log Out" />
+                </children>
+            </VBox>
+        </left>
+
+    <!-- MAIN CONTENT -->
+    <center>
+        <ScrollPane fitToWidth="true" hbarPolicy="NEVER" vbarPolicy="AS_NEEDED" style="-fx-background: transparent; -fx-background-color: transparent;">
+
+            <content>
+                <VBox spacing="28.0" style="-fx-background-color: #F5F5F5;">
+                    <padding>
+                        <Insets bottom="42.0" left="62.0" right="42.0" top="34.0" />
+                    </padding>
+
+                    <children>
+                        <!-- top row -->
+                        <HBox alignment="TOP_LEFT" spacing="24.0">
+                            <children>
+                                <VBox spacing="28.0">
+                                    <children>
+                                        <Label style="-fx-text-fill: #111111;" text="Donation History">
+                                            <font>
+                                                <Font size="36.0" />
+                                            </font>
+                                        </Label>
+
+                                        <Button onAction="#handleFilterDonations" prefHeight="48.0" prefWidth="215.0" style="-fx-background-color: #2D5BE3; -fx-text-fill: white; -fx-font-size: 15px; -fx-background-radius: 2;" text="Last 6 months   ⌄" />
+                                    </children>
+                                </VBox>
+
+                                <Region HBox.hgrow="ALWAYS" />
+
+                                <HBox alignment="TOP_RIGHT" spacing="20.0">
+                                    <children>
+
+                                        <!-- total card -->
+                                        <StackPane prefHeight="86.0" prefWidth="180.0">
+                                            <children>
+                                                <Rectangle arcHeight="8.0" arcWidth="8.0" fill="#EAF1F0" height="86.0" width="180.0" />
+                                                <VBox alignment="CENTER" spacing="10.0">
+                                                    <children>
+                                                        <Label style="-fx-text-fill: #8A8A8A; -fx-font-size: 12px;" text="Total Amount donated:" />
+                                                        <Label style="-fx-text-fill: #8A8A8A; -fx-font-size: 24px;" text="5000kr" />
+                                                    </children>
+                                                </VBox>
+                                            </children>
+                                        </StackPane>
+                                    </children>
+                                </HBox>
+                            </children>
+                        </HBox>
+
+                        <VBox spacing="0.0">
+                            <children>
+                                <HBox spacing="20.0" style="-fx-background-color: #E9E9EB; -fx-padding: 14 20 14 20;">
+                                    <children>
+                                        <Label prefWidth="265.0" style="-fx-text-fill: #000000;" text="Donation" />
+                                        <Label prefWidth="210.0" style="-fx-text-fill: #000000;" text="Purchase number" />
+                                        <Label prefWidth="160.0" style="-fx-text-fill: #000000;" text="Payment" />
+                                        <Label prefWidth="120.0" style="-fx-text-fill: #000000;" text="Item" />
+                                        <Label prefWidth="100.0" style="-fx-text-fill: #000000;" text="Total" />
+                                    </children>
+                                </HBox>
+
+                                <VBox spacing="0.0" style="-fx-padding: 18 8 0 8;">
+                                    <children>
+                                        <HBox alignment="CENTER_LEFT" prefHeight="110.0" spacing="20.0" style="-fx-padding: 0 12 0 12;">
+                                            <children>
+                                                <Label prefWidth="265.0" style="-fx-font-size: 24px; -fx-text-fill: #6A6F75;" text="UNICEF" />
+                                                <Label prefWidth="210.0" style="-fx-text-fill: #6A6F75;" text="#12526" />
+                                                <Label prefWidth="160.0" style="-fx-text-fill: #6A6F75;" text="Credit Card" />
+                                                <Label prefWidth="120.0" style="-fx-text-fill: #6A6F75;" text="" />
+                                                <Label prefWidth="100.0" style="-fx-text-fill: #6A6F75;" text="100 kr" />
+                                            </children>
+                                        </HBox>
+                                        <Rectangle fill="#5F5F5F" height="1.0" width="980.0" />
+                                    </children>
+                                </VBox>
+
+                                <VBox spacing="0.0" style="-fx-padding: 18 8 0 8;">
+                                    <children>
+                                        <HBox alignment="CENTER_LEFT" prefHeight="110.0" spacing="20.0" style="-fx-padding: 0 12 0 12;">
+                                            <children>
+                                                <Label prefWidth="265.0" style="-fx-font-size: 24px; -fx-text-fill: #6A6F75;" text="REDD BARNA" />
+                                                <Label prefWidth="210.0" style="-fx-text-fill: #6A6F75;" text="#20567" />
+                                                <Label prefWidth="160.0" style="-fx-text-fill: #6A6F75;" text="Debit Card" />
+                                                <Label prefWidth="120.0" style="-fx-text-fill: #6A6F75;" text="" />
+                                                <Label prefWidth="100.0" style="-fx-text-fill: #6A6F75;" text="200 kr" />
+                                            </children>
+                                        </HBox>
+                                        <Rectangle fill="#5F5F5F" height="1.0" width="980.0" />
+                                    </children>
+                                </VBox>
+
+                                <VBox spacing="0.0" style="-fx-padding: 18 8 0 8;">
+                                    <children>
+                                        <HBox alignment="CENTER_LEFT" prefHeight="110.0" spacing="20.0" style="-fx-padding: 0 12 0 12;">
+                                            <children>
+                                                <Label prefWidth="265.0" style="-fx-font-size: 24px; -fx-text-fill: #6A6F75;" text="UNICEF" />
+                                                <Label prefWidth="210.0" style="-fx-text-fill: #6A6F75;" text="#11672" />
+                                                <Label prefWidth="160.0" style="-fx-text-fill: #6A6F75;" text="Credit Card" />
+                                                <Label prefWidth="120.0" style="-fx-text-fill: #6A6F75;" text="" />
+                                                <Label prefWidth="100.0" style="-fx-text-fill: #6A6F75;" text="5000 kr" />
+                                            </children>
+                                        </HBox>
+                                        <Rectangle fill="#5F5F5F" height="1.0" width="980.0" />
+                                    </children>
+                                </VBox>
+
+                                <HBox alignment="CENTER" prefHeight="70.0">
+                                    <children>
+                                        <Label style="-fx-font-size: 28px; -fx-text-fill: #707070;" text="⌄" />
+                                    </children>
+                                </HBox>
+                            </children>
+                        </VBox>
+                    </children>
+                </VBox>
+            </content>
+        </ScrollPane>
+    </center>
+    </BorderPane>
+
+    <!-- FOOTER -->
+    <HBox alignment="BOTTOM_CENTER" prefHeight="130.0" minHeight="130.0" maxHeight="130.0"
+          style="-fx-background-color: #2f8f8b;">
+        <children>
+            <GridPane HBox.hgrow="ALWAYS">
+                <columnConstraints>
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="60.0" prefWidth="100.0" />
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                </columnConstraints>
+
+                <children>
+                    <StackPane prefHeight="150.0" prefWidth="200.0">
+                        <children>
+                            <Rectangle fill="#2f8f8b" height="130.0" stroke="TRANSPARENT" strokeType="INSIDE" width="800.0" />
+                            <Label text="Help" textFill="WHITE" translateX="80.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Me" textFill="#c8e6c9" translateX="145.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Help" textFill="WHITE" translateX="192.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Rectangle fill="WHITE" height="90.0" stroke="TRANSPARENT" strokeType="INSIDE" translateX="-120.0" width="2.0" />
+                            <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" translateX="-40.0" StackPane.alignment="CENTER_LEFT">
                                 <children>
-                                    <HBox alignment="CENTER_LEFT" prefHeight="110.0" spacing="20.0" style="-fx-padding: 0 12 0 12;">
-                                        <children>
-                                            <Label prefWidth="265.0" style="-fx-font-size: 24px; -fx-text-fill: #6A6F75;" text="UNICEF" />
-                                            <Label prefWidth="210.0" style="-fx-text-fill: #6A6F75;" text="#11672" />
-                                            <Label prefWidth="160.0" style="-fx-text-fill: #6A6F75;" text="Credit Card" />
-                                            <Label prefWidth="120.0" style="-fx-text-fill: #6A6F75;" text="" />
-                                            <Label prefWidth="100.0" style="-fx-text-fill: #6A6F75;" text="5000 kr" />
-                                        </children>
-                                    </HBox>
-                                    <Rectangle fill="#5F5F5F" height="1.0" width="980.0" />
+                                    <Label text="About us" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                    <Label text="Something else" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                    <Label text="Third link" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
                                 </children>
                             </VBox>
+                        </children>
+                    </StackPane>
 
-                            <HBox alignment="CENTER" prefHeight="70.0">
-                                <children>
-                                    <Label style="-fx-font-size: 28px; -fx-text-fill: #707070;" text="⌄" />
-                                </children>
-                            </HBox>
+                    <StackPane alignment="CENTER_RIGHT" prefHeight="150.0" prefWidth="200.0" GridPane.columnIndex="1">
+                        <children>
+                            <ImageView fitHeight="71.0" fitWidth="161.0" pickOnBounds="true" preserveRatio="true" translateX="-60.0" translateY="-30.0">
+                                <image>
+                                    <Image url="@../images/img.png" />
+                                </image>
+                            </ImageView>
+                            <Label maxWidth="200.0"
+                                   text="All data is consistently updated and reverified"
+                                   textAlignment="CENTER"
+                                   textFill="WHITE"
+                                   translateY="30.0"
+                                   wrapText="true">
+                                <font>
+                                    <Font name="System Bold" size="14.0" />
+                                </font>
+                            </Label>
                         </children>
-                    </VBox>
+                    </StackPane>
                 </children>
-            </VBox>
-        </content>
-    </ScrollPane>
-</GridPane>
+            </GridPane>
+        </children>
+    </HBox>
+
+</VBox>
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_user_inbox.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_user_inbox.fxml
index 40992efc..0e5e0d5d 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_user_inbox.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_user_inbox.fxml
@@ -1,5 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.layout.BorderPane?>
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.Cursor?>
 <?import javafx.scene.control.Button?>
@@ -18,20 +20,10 @@
 <?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.text.Font?>
 
-<GridPane prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationInboxController">
-
-    <columnConstraints>
-        <ColumnConstraints minWidth="280.0" prefWidth="300.0" />
-        <ColumnConstraints hgrow="ALWAYS" />
-    </columnConstraints>
-
-    <rowConstraints>
-        <RowConstraints maxHeight="86.0" minHeight="86.0" prefHeight="86.0" />
-        <RowConstraints vgrow="ALWAYS" />
-    </rowConstraints>
+<VBox prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationInboxController">
 
     <!-- NAVBAR -->
-    <StackPane style="-fx-background-color: #379894;" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="0">
+    <StackPane prefHeight="86.0" minHeight="86.0" maxHeight="86.0" style="-fx-background-color: #379894;">
         <children>
             <GridPane maxWidth="1400.0" prefHeight="52.0" StackPane.alignment="CENTER">
                 <padding>
@@ -109,146 +101,130 @@
             </GridPane>
         </children>
     </StackPane>
+    <BorderPane VBox.vgrow="ALWAYS" style="-fx-background-color: #F5F5F5;">
 
     <!-- SIDEBAR -->
-    <VBox prefHeight="838.0" prefWidth="317.0" spacing="28" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0" GridPane.rowIndex="1">
-        <padding>
-            <Insets bottom="28" left="20" right="20" top="28" />
-        </padding>
+    <left>
+        <VBox prefWidth="300.0" spacing="28" style="-fx-background-color: #E9ECEF;">
+            <padding>
+                <Insets bottom="28" left="20" right="20" top="28" />
+            </padding>
+
+            <children>
+                <HBox alignment="CENTER_LEFT" spacing="8">
+                    <children>
+                        <Label style="-fx-font-size: 20px; -fx-text-fill: #333333;" text="←" />
+                        <Label style="-fx-font-size: 14px; -fx-text-fill: #333333;" text="Back" />
+                    </children>
+                </HBox>
+
+                <HBox alignment="CENTER_LEFT" spacing="16">
+                    <children>
+                        <StackPane>
+                            <children>
+                                <Circle fill="#F5F5F5" radius="60.0" />
+                                <Label style="-fx-font-size: 22px; -fx-text-fill: #222222;" text="SJ" />
+                            </children>
+                        </StackPane>
+
+                        <Label text="First name&#10;Last name" textFill="#333333">
+                            <font>
+                                <Font size="18" />
+                            </font>
+                        </Label>
+                    </children>
+                </HBox>
+
+                <VBox spacing="18">
+                    <children>
+
+                        <HBox alignment="CENTER_LEFT" spacing="12">
+                            <children>
+                                <Circle fill="#2e7d32" radius="6" />
+                                <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Donation History" />
+                            </children>
+                        </HBox>
+
+                        <HBox alignment="CENTER_LEFT" spacing="12">
+                            <children>
+                                <Circle fill="#ED6C02" radius="6" />
+                                <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Interests" />
+                            </children>
+                        </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
+                            <children>
+                                <Circle fill="#1f4fd8" radius="6" />
+                                <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
+                            </children>
+                        </HBox>
+
+                        <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-padding: 4 0 4 0;">
+                            <children>
+                                <Circle fill="#1F1F1F" radius="6" />
+                                <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
+                            </children>
+                        </HBox>
+                    </children>
+                </VBox>
+
+                <Region VBox.vgrow="ALWAYS" />
+
+                <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
+            </children>
+        </VBox>
+    </left>
 
-        <children>
-            <HBox alignment="CENTER_LEFT" spacing="8">
-                <children>
-                    <Label style="-fx-font-size: 20px; -fx-text-fill: #333333;" text="←" />
-                    <Label style="-fx-font-size: 14px; -fx-text-fill: #333333;" text="Back" />
-                </children>
-            </HBox>
+    <!-- MAIN CONTENT -->
+    <center>
+        <ScrollPane fitToWidth="true" hbarPolicy="NEVER" vbarPolicy="AS_NEEDED"
+                style="-fx-background: transparent; -fx-background-color: transparent;">
+        <content>
+            <VBox fx:id="profile_user_inbox" spacing="24.0" style="-fx-background-color: #F5F5F5;">
+                <padding>
+                    <Insets bottom="34.0" left="52.0" right="52.0" top="34.0" />
+                </padding>
 
-            <HBox alignment="CENTER_LEFT" spacing="16">
                 <children>
-                    <StackPane>
-                        <children>
-                            <Circle fill="#F5F5F5" radius="60.0" />
-                            <Label style="-fx-font-size: 22px; -fx-text-fill: #222222;" text="SJ" />
-                        </children>
-                    </StackPane>
-
-                    <Label text="First name&#10;Last name" textFill="#333333">
+                    <Label style="-fx-text-fill: #111111;" text="Inbox">
                         <font>
-                            <Font size="18" />
+                            <Font size="34.0" />
                         </font>
                     </Label>
-                </children>
-            </HBox>
 
-            <VBox spacing="18">
-                <children>
-
-                    <HBox alignment="CENTER_LEFT" spacing="12">
+                    <HBox alignment="CENTER_LEFT" spacing="18.0">
                         <children>
-                            <Circle fill="#2e7d32" radius="6" />
-                            <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Donation History" />
-                        </children>
-                    </HBox>
+                            <Button prefHeight="42.0" prefWidth="170.0" style="-fx-background-color: #2D5BE3; -fx-text-fill: white; -fx-font-size: 14px; -fx-background-radius: 2; -fx-font-weight: normal;" text="Last 6 months     ◉" />
 
-                    <HBox alignment="CENTER_LEFT" spacing="12">
-                        <children>
-                            <Circle fill="#ED6C02" radius="6" />
-                            <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Interests" />
-                        </children>
-                    </HBox>
-                    <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
-                        <children>
-                            <Circle fill="#1f4fd8" radius="6" />
-                            <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
-                        </children>
-                    </HBox>
+                            <Region HBox.hgrow="ALWAYS" />
 
-                    <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-padding: 4 0 4 0;">
-                        <children>
-                            <Circle fill="#1F1F1F" radius="6" />
-                            <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
+                            <Button prefHeight="42.0" prefWidth="132.0" style="-fx-background-color: #EEF1F5; -fx-text-fill: #4B73E6; -fx-font-size: 14px; -fx-background-radius: 4;" text="New Message  +" />
                         </children>
                     </HBox>
-                </children>
-            </VBox>
-
-            <Region VBox.vgrow="ALWAYS" />
-
-            <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
-        </children>
-    </VBox>
-
-    <!-- MAIN CONTENT -->
-    <VBox fx:id="profile_user_inbox" spacing="24.0" style="-fx-background-color: #F5F5F5;" GridPane.columnIndex="1" GridPane.rowIndex="1">
-        <padding>
-            <Insets bottom="34.0" left="52.0" right="52.0" top="34.0" />
-        </padding>
-
-        <children>
-            <Label style="-fx-text-fill: #111111;" text="Inbox">
-                <font>
-                    <Font size="34.0" />
-                </font>
-            </Label>
-
-            <HBox alignment="CENTER_LEFT" spacing="18.0">
-                <children>
-                    <Button prefHeight="42.0" prefWidth="170.0" style="-fx-background-color: #2D5BE3; -fx-text-fill: white; -fx-font-size: 14px; -fx-background-radius: 2; -fx-font-weight: normal;" text="Last 6 months     ◉" />
-
-                    <Region HBox.hgrow="ALWAYS" />
 
-                    <Button prefHeight="42.0" prefWidth="132.0" style="-fx-background-color: #EEF1F5; -fx-text-fill: #4B73E6; -fx-font-size: 14px; -fx-background-radius: 4;" text="New Message  +" />
-                </children>
-            </HBox>
-
-            <VBox spacing="18.0">
-                <children>
-                    <HBox alignment="CENTER_LEFT" prefHeight="98.0" spacing="18.0" style="-fx-background-color: transparent; -fx-border-color: #777777; -fx-border-width: 1.2; -fx-border-radius: 16; -fx-background-radius: 16; -fx-padding: 0 22 0 22;">
+                    <VBox spacing="18.0">
                         <children>
-                            <Circle fill="#DCDCDC" radius="25.0" />
-
-                            <VBox alignment="CENTER_LEFT" spacing="8.0">
+                            <HBox alignment="CENTER_LEFT" prefHeight="98.0" spacing="18.0" style="-fx-background-color: transparent; -fx-border-color: #777777; -fx-border-width: 1.2; -fx-border-radius: 16; -fx-background-radius: 16; -fx-padding: 0 22 0 22;">
                                 <children>
-                                    <Label style="-fx-text-fill: #8A8A8A;" text="Example e-mail from charity">
-                                        <font>
-                                            <Font size="15.0" />
-                                        </font>
-                                    </Label>
-                                    <Label style="-fx-text-fill: #D7D7D7;" text="Reply - Trash">
-                                        <font>
-                                            <Font size="11.0" />
-                                        </font>
-                                    </Label>
-                                </children>
-                            </VBox>
-                        </children>
-                    </HBox>
-
-                    <HBox alignment="CENTER_LEFT" prefHeight="98.0" spacing="18.0" style="-fx-background-color: transparent; -fx-border-color: #777777; -fx-border-width: 1.2; -fx-border-radius: 16; -fx-background-radius: 16; -fx-padding: 0 22 0 22;">
-                        <children>
-                            <Circle fill="#DCDCDC" radius="25.0" />
+                                    <Circle fill="#DCDCDC" radius="25.0" />
 
-                            <VBox alignment="CENTER_LEFT" spacing="8.0">
-                                <children>
-                                    <Label style="-fx-text-fill: #8A8A8A;" text="Example e-mail from charity">
-                                        <font>
-                                            <Font size="15.0" />
-                                        </font>
-                                    </Label>
-                                    <Label style="-fx-text-fill: #D7D7D7;" text="Reply - Trash">
-                                        <font>
-                                            <Font size="11.0" />
-                                        </font>
-                                    </Label>
+                                    <VBox alignment="CENTER_LEFT" spacing="8.0">
+                                        <children>
+                                            <Label style="-fx-text-fill: #8A8A8A;" text="Example e-mail from charity">
+                                                <font>
+                                                    <Font size="15.0" />
+                                            </font>
+                                        </Label>
+                                        <Label style="-fx-text-fill: #D7D7D7;" text="Reply - Trash">
+                                                <font>
+                                                    <Font size="11.0" />
+                                                </font>
+                                            </Label>
+                                        </children>
+                                    </VBox>
                                 </children>
-                            </VBox>
-                        </children>
-                    </HBox>
+                            </HBox>
 
-                    <VBox prefHeight="150.0" spacing="14.0" style="-fx-background-color: transparent; -fx-border-color: #777777; -fx-border-width: 1.2; -fx-border-radius: 16; -fx-background-radius: 16; -fx-padding: 18 22 16 22;">
-                        <children>
-                            <HBox alignment="CENTER_LEFT" spacing="18.0">
+                            <HBox alignment="CENTER_LEFT" prefHeight="98.0" spacing="18.0" style="-fx-background-color: transparent; -fx-border-color: #777777; -fx-border-width: 1.2; -fx-border-radius: 16; -fx-background-radius: 16; -fx-padding: 0 22 0 22;">
                                 <children>
                                     <Circle fill="#DCDCDC" radius="25.0" />
 
@@ -269,45 +245,160 @@
                                 </children>
                             </HBox>
 
-                            <HBox alignment="CENTER_LEFT" spacing="12.0">
+                            <VBox prefHeight="150.0" spacing="14.0" style="-fx-background-color: transparent; -fx-border-color: #777777; -fx-border-width: 1.2; -fx-border-radius: 16; -fx-background-radius: 16; -fx-padding: 18 22 16 22;">
                                 <children>
-                                    <Region prefWidth="58.0" />
-                                    <Rectangle fill="#8A8A8A" height="44.0" width="1.2" />
-                                    <Circle fill="#9CCFCC" radius="13.0" />
-                                    <Label style="-fx-text-fill: #8FC7C4;" text="SJ">
+                                    <HBox alignment="CENTER_LEFT" spacing="18.0">
+                                        <children>
+                                            <Circle fill="#DCDCDC" radius="25.0" />
+
+                                            <VBox alignment="CENTER_LEFT" spacing="8.0">
+                                                <children>
+                                                    <Label style="-fx-text-fill: #8A8A8A;" text="Example e-mail from charity">
+                                                        <font>
+                                                            <Font size="15.0" />
+                                                        </font>
+                                                    </Label>
+                                                    <Label style="-fx-text-fill: #D7D7D7;" text="Reply - Trash">
+                                                        <font>
+                                                            <Font size="11.0" />
+                                                        </font>
+                                                    </Label>
+                                                </children>
+                                            </VBox>
+                                        </children>
+                                    </HBox>
+
+                                    <HBox alignment="CENTER_LEFT" spacing="12.0">
+                                        <children>
+                                            <Region prefWidth="58.0" />
+                                            <Rectangle fill="#8A8A8A" height="44.0" width="1.2" />
+                                            <Circle fill="#9CCFCC" radius="13.0" />
+                                            <Label style="-fx-text-fill: #8FC7C4;" text="SJ">
+                                                <font>
+                                                    <Font size="10.0" />
+                                                </font>
+                                            </Label>
+                                            <Label style="-fx-text-fill: #A6A6A6;" text="Example reply">
+                                                <font>
+                                                    <Font size="11.0" />
+                                                </font>
+                                            </Label>
+                                        </children>
+                                    </HBox>
+
+                                    <HBox alignment="CENTER_LEFT">
+                                        <children>
+                                            <Region prefWidth="104.0" />
+                                            <Label style="-fx-text-fill: #D7D7D7;" text="Reply - Trash">
+                                                <font>
+                                                    <Font size="10.0" />
+                                                </font>
+                                            </Label>
+                                        </children>
+                                    </HBox>
+                                </children>
+                            </VBox>
+                        </children>
+                    </VBox>
+
+                    <HBox alignment="CENTER">
+                        <children>
+                            <Label style="-fx-font-size: 28px; -fx-text-fill: #6F6F6F;" text="⌄" />
+                        </children>
+                    </HBox>
+                </children>
+
+            </VBox>
+            </content>
+        </ScrollPane>
+    </center>
+    </BorderPane>
+
+    <!-- FOOTER -->
+    <HBox alignment="BOTTOM_CENTER" prefHeight="130.0" minHeight="130.0" maxHeight="130.0"
+          style="-fx-background-color: #2f8f8b;">
+        <children>
+            <GridPane HBox.hgrow="ALWAYS">
+                <columnConstraints>
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="60.0" prefWidth="100.0" />
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                </columnConstraints>
+
+                <children>
+                    <StackPane prefHeight="150.0" prefWidth="200.0">
+                        <children>
+                            <Rectangle fill="#2f8f8b" height="130.0" stroke="TRANSPARENT" strokeType="INSIDE" width="800.0" />
+                            <Label text="Help" textFill="WHITE" translateX="80.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Me" textFill="#c8e6c9" translateX="145.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Help" textFill="WHITE" translateX="192.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Rectangle fill="WHITE" height="90.0" stroke="TRANSPARENT" strokeType="INSIDE" translateX="-120.0" width="2.0" />
+                            <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" translateX="-40.0" StackPane.alignment="CENTER_LEFT">
+                                <children>
+                                    <Label text="About us" textFill="WHITE">
                                         <font>
-                                            <Font size="10.0" />
+                                            <Font name="System Bold" size="16.0" />
                                         </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
                                     </Label>
-                                    <Label style="-fx-text-fill: #A6A6A6;" text="Example reply">
+                                    <Label text="Something else" textFill="WHITE">
                                         <font>
-                                            <Font size="11.0" />
+                                            <Font name="System Bold" size="16.0" />
                                         </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
                                     </Label>
-                                </children>
-                            </HBox>
-
-                            <HBox alignment="CENTER_LEFT">
-                                <children>
-                                    <Region prefWidth="104.0" />
-                                    <Label style="-fx-text-fill: #D7D7D7;" text="Reply - Trash">
+                                    <Label text="Third link" textFill="WHITE">
                                         <font>
-                                            <Font size="10.0" />
+                                            <Font name="System Bold" size="16.0" />
                                         </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
                                     </Label>
                                 </children>
-                            </HBox>
+                            </VBox>
                         </children>
-                    </VBox>
-                </children>
-            </VBox>
+                    </StackPane>
 
-            <HBox alignment="CENTER">
-                <children>
-                    <Label style="-fx-font-size: 28px; -fx-text-fill: #6F6F6F;" text="⌄" />
+                    <StackPane alignment="CENTER_RIGHT" prefHeight="150.0" prefWidth="200.0" GridPane.columnIndex="1">
+                        <children>
+                            <ImageView fitHeight="71.0" fitWidth="161.0" pickOnBounds="true" preserveRatio="true" translateX="-60.0" translateY="-30.0">
+                                <image>
+                                    <Image url="@../images/img.png" />
+                                </image>
+                            </ImageView>
+                            <Label maxWidth="200.0"
+                                   text="All data is consistently updated and reverified"
+                                   textAlignment="CENTER"
+                                   textFill="WHITE"
+                                   translateY="30.0"
+                                   wrapText="true">
+                                <font>
+                                    <Font name="System Bold" size="14.0" />
+                                </font>
+                            </Label>
+                        </children>
+                    </StackPane>
                 </children>
-            </HBox>
+            </GridPane>
         </children>
-    </VBox>
+    </HBox>
+
+
+</VBox>
 
-</GridPane>
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_user_interests.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_user_interests.fxml
index b2ec69dd..45aeb1a9 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_user_interests.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_user_interests.fxml
@@ -1,5 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.layout.BorderPane?>
+<?import javafx.scene.shape.Rectangle?>
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.Cursor?>
 <?import javafx.scene.control.Button?>
@@ -18,20 +21,10 @@
 <?import javafx.scene.shape.Line?>
 <?import javafx.scene.text.Font?>
 
-<GridPane prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationInboxController">
-
-    <columnConstraints>
-        <ColumnConstraints minWidth="280.0" prefWidth="300.0" />
-        <ColumnConstraints hgrow="ALWAYS" />
-    </columnConstraints>
-
-    <rowConstraints>
-        <RowConstraints maxHeight="86.0" minHeight="86.0" prefHeight="86.0" />
-        <RowConstraints vgrow="ALWAYS" />
-    </rowConstraints>
+<VBox prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationInboxController">
 
     <!-- NAVBAR -->
-    <StackPane style="-fx-background-color: #379894;" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="0">
+    <StackPane prefHeight="86.0" minHeight="86.0" maxHeight="86.0" style="-fx-background-color: #379894;">
         <children>
             <GridPane maxWidth="1400.0" prefHeight="52.0" StackPane.alignment="CENTER">
                 <padding>
@@ -109,248 +102,331 @@
             </GridPane>
         </children>
     </StackPane>
-
-    <!-- SIDEBAR -->
-    <VBox prefHeight="838.0" prefWidth="317.0" spacing="28" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0" GridPane.rowIndex="1">
-        <padding>
-            <Insets bottom="28" left="20" right="20" top="28" />
-        </padding>
-
-        <children>
-            <HBox alignment="CENTER_LEFT" spacing="8">
-                <children>
-                    <Label style="-fx-font-size: 20px; -fx-text-fill: #333333;" text="←" />
-                    <Label style="-fx-font-size: 14px; -fx-text-fill: #333333;" text="Back" />
-                </children>
-            </HBox>
-
-            <HBox alignment="CENTER_LEFT" spacing="16">
-                <children>
-                    <StackPane>
-                        <children>
-                            <Circle fill="#F5F5F5" radius="60.0" />
-                            <Label style="-fx-font-size: 22px; -fx-text-fill: #222222;" text="SJ" />
-                        </children>
-                    </StackPane>
-
-                    <Label text="First name&#10;Last name" textFill="#333333">
-                        <font>
-                            <Font size="18" />
-                        </font>
-                    </Label>
-                </children>
-            </HBox>
-
-            <VBox spacing="18">
-                <children>
-                    <HBox alignment="CENTER_LEFT" spacing="12">
-                        <children>
-                            <Circle fill="#2e7d32" radius="6" />
-                            <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Donation History" />
-                        </children>
-                    </HBox>
-
-                    <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
-                        <children>
-                            <Circle fill="#ED6C02" radius="6" />
-                            <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Interests" />
-                        </children>
-                    </HBox>
-
-                    <HBox alignment="CENTER_LEFT" spacing="12">
-                        <children>
-                            <Circle fill="#1f4fd8" radius="6" />
-                            <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
-                        </children>
-                    </HBox>
-
-                    <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-padding: 4 0 4 0;">
-                        <children>
-                            <Circle fill="#1F1F1F" radius="6" />
-                            <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
-                        </children>
-                    </HBox>
-                </children>
-            </VBox>
-
-            <Region VBox.vgrow="ALWAYS" />
-
-            <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
-        </children>
-    </VBox>
+    <BorderPane VBox.vgrow="ALWAYS" style="-fx-background-color: #F5F5F5;">
+
+    <left>
+        <VBox prefWidth="300.0" spacing="28" style="-fx-background-color: #E9ECEF;">
+            <padding>
+                <Insets bottom="28" left="20" right="20" top="28" />
+            </padding>
+
+            <children>
+                <HBox alignment="CENTER_LEFT" spacing="8">
+                    <children>
+                        <Label style="-fx-font-size: 20px; -fx-text-fill: #333333;" text="←" />
+                        <Label style="-fx-font-size: 14px; -fx-text-fill: #333333;" text="Back" />
+                    </children>
+                </HBox>
+
+                <HBox alignment="CENTER_LEFT" spacing="16">
+                    <children>
+                        <StackPane>
+                            <children>
+                                <Circle fill="#F5F5F5" radius="60.0" />
+                                <Label style="-fx-font-size: 22px; -fx-text-fill: #222222;" text="SJ" />
+                            </children>
+                        </StackPane>
+
+                        <Label text="First name&#10;Last name" textFill="#333333">
+                            <font>
+                                <Font size="18" />
+                            </font>
+                        </Label>
+                    </children>
+                </HBox>
+
+                <VBox spacing="18">
+                    <children>
+                        <HBox alignment="CENTER_LEFT" spacing="12">
+                            <children>
+                                <Circle fill="#2e7d32" radius="6" />
+                                <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Donation History" />
+                            </children>
+                        </HBox>
+
+                        <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
+                            <children>
+                                <Circle fill="#ED6C02" radius="6" />
+                                <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Interests" />
+                            </children>
+                        </HBox>
+
+                        <HBox alignment="CENTER_LEFT" spacing="12">
+                            <children>
+                                <Circle fill="#1f4fd8" radius="6" />
+                                <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
+                            </children>
+                        </HBox>
+
+                        <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-padding: 4 0 4 0;">
+                            <children>
+                                <Circle fill="#1F1F1F" radius="6" />
+                                <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
+                            </children>
+                        </HBox>
+                    </children>
+                </VBox>
+
+                <Region VBox.vgrow="ALWAYS" />
+
+                <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
+            </children>
+        </VBox>
+    </left>
 
     <!-- MAIN CONTENT -->
-    <VBox spacing="28.0" style="-fx-background-color: #F5F5F5;" GridPane.columnIndex="1" GridPane.rowIndex="1">
-        <padding>
-            <Insets bottom="28.0" left="56.0" right="56.0" top="56.0" />
-        </padding>
-
+    <center>
+        <ScrollPane fitToWidth="true" hbarPolicy="NEVER" vbarPolicy="AS_NEEDED" style="-fx-background: transparent; -fx-background-color: transparent;">
+            <content>
+                <VBox spacing="28.0" style="-fx-background-color: #F5F5F5;">
+                    <padding>
+                        <Insets bottom="28.0" left="56.0" right="56.0" top="56.0" />
+                    </padding>
+
+                    <children>
+                        <Label style="-fx-text-fill: #111111;" text="Interests">
+                            <font>
+                                <Font size="34.0" />
+                            </font>
+                        </Label>
+
+                        <HBox spacing="42.0" VBox.vgrow="ALWAYS">
+                            <children>
+
+                                <VBox prefWidth="420.0" spacing="22.0">
+                                    <children>
+                                        <HBox alignment="CENTER_LEFT" spacing="12.0">
+                                            <children>
+                                                <Label style="-fx-text-fill: #666666;" text="Favourite charities">
+                                                    <font>
+                                                        <Font size="16.0" />
+                                                    </font>
+                                                </Label>
+                                                <Region HBox.hgrow="ALWAYS" />
+                                                <Label style="-fx-text-fill: #666666;" text="♡">
+                                                    <font>
+                                                        <Font size="24.0" />
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </HBox>
+
+                                        <VBox spacing="16.0">
+                                            <children>
+                                                <HBox alignment="CENTER_LEFT" spacing="16.0">
+                                                    <children>
+                                                        <Circle fill="#D9D9D9" radius="32.0" />
+                                                        <Label style="-fx-text-fill: #222222;" text="Charity #1">
+                                                            <font>
+                                                                <Font size="18.0" />
+                                                            </font>
+                                                        </Label>
+                                                    </children>
+                                                </HBox>
+                                                <Line endX="240.0" stroke="#8A8A8A" />
+                                            </children>
+                                        </VBox>
+
+                                        <VBox spacing="16.0">
+                                            <children>
+                                                <HBox alignment="CENTER_LEFT" spacing="16.0">
+                                                    <children>
+                                                        <Circle fill="#D9D9D9" radius="32.0" />
+                                                    </children>
+                                                </HBox>
+                                                <Line endX="240.0" stroke="#8A8A8A" />
+                                            </children>
+                                        </VBox>
+
+                                        <VBox spacing="16.0">
+                                            <children>
+                                                <HBox alignment="CENTER_LEFT" spacing="16.0">
+                                                    <children>
+                                                        <Circle fill="#D9D9D9" radius="32.0" />
+                                                    </children>
+                                                </HBox>
+                                                <Line endX="240.0" stroke="#8A8A8A" />
+                                            </children>
+                                        </VBox>
+
+                                        <Region VBox.vgrow="ALWAYS" />
+
+                                        <HBox alignment="CENTER">
+                                            <children>
+                                                <Label style="-fx-text-fill: #6F6F6F;" text="⌄">
+                                                    <font>
+                                                        <Font size="24.0" />
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </HBox>
+                                    </children>
+                                </VBox>
+
+                                <Region prefWidth="1.0" style="-fx-background-color: #8A8A8A;" />
+
+                                <VBox prefWidth="420.0" spacing="22.0">
+                                    <children>
+                                        <HBox alignment="CENTER_LEFT" spacing="12.0">
+                                            <children>
+                                                <Label style="-fx-text-fill: #666666;" text="Last visited charities">
+                                                    <font>
+                                                        <Font size="16.0" />
+                                                    </font>
+                                                </Label>
+                                                <Region HBox.hgrow="ALWAYS" />
+                                                <Label style="-fx-text-fill: #666666;" text="≋">
+                                                    <font>
+                                                        <Font size="22.0" />
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </HBox>
+
+                                        <VBox spacing="16.0">
+                                            <children>
+                                                <HBox alignment="CENTER_LEFT" spacing="16.0">
+                                                    <children>
+                                                        <Circle fill="#D9D9D9" radius="32.0" />
+                                                        <Label style="-fx-text-fill: #222222;" text="Redd Barna">
+                                                            <font>
+                                                                <Font size="18.0" />
+                                                            </font>
+                                                        </Label>
+                                                    </children>
+                                                </HBox>
+                                                <Line endX="240.0" stroke="#8A8A8A" />
+                                            </children>
+                                        </VBox>
+
+                                        <VBox spacing="16.0">
+                                            <children>
+                                                <HBox alignment="CENTER_LEFT" spacing="16.0">
+                                                    <children>
+                                                        <Circle fill="#D9D9D9" radius="32.0" />
+                                                    </children>
+                                                </HBox>
+                                                <Line endX="240.0" stroke="#8A8A8A" />
+                                            </children>
+                                        </VBox>
+
+                                        <VBox spacing="16.0">
+                                            <children>
+                                                <HBox alignment="CENTER_LEFT" spacing="16.0">
+                                                    <children>
+                                                        <Circle fill="#D9D9D9" radius="32.0" />
+                                                    </children>
+                                                </HBox>
+                                                <Line endX="240.0" stroke="#8A8A8A" />
+                                            </children>
+                                        </VBox>
+
+                                        <Region VBox.vgrow="ALWAYS" />
+
+                                        <HBox alignment="CENTER">
+                                            <children>
+                                                <Label style="-fx-text-fill: #6F6F6F;" text="⌄">
+                                                    <font>
+                                                        <Font size="24.0" />
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </HBox>
+                                    </children>
+                                </VBox>
+
+                            </children>
+                        </HBox>
+                    </children>
+            </VBox>
+        </content>
+    </ScrollPane>
+</center>
+</BorderPane>
+
+    <!-- FOOTER -->
+    <HBox alignment="BOTTOM_CENTER" prefHeight="130.0" minHeight="130.0" maxHeight="130.0"
+          style="-fx-background-color: #2f8f8b;">
         <children>
-            <!-- Title -->
-            <Label style="-fx-text-fill: #111111;" text="Interests">
-                <font>
-                    <Font size="34.0" />
-                </font>
-            </Label>
-
-            <!-- Two-column content -->
-            <HBox spacing="42.0" VBox.vgrow="ALWAYS">
-                <children>
+            <GridPane HBox.hgrow="ALWAYS">
+                <columnConstraints>
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="60.0" prefWidth="100.0" />
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                </columnConstraints>
 
-                    <!-- Left column -->
-                    <VBox prefWidth="420.0" spacing="22.0">
+                <children>
+                    <StackPane prefHeight="150.0" prefWidth="200.0">
                         <children>
-                            <HBox alignment="CENTER_LEFT" spacing="12.0">
+                            <Rectangle fill="#2f8f8b" height="130.0" stroke="TRANSPARENT" strokeType="INSIDE" width="800.0" />
+                            <Label text="Help" textFill="WHITE" translateX="80.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Me" textFill="#c8e6c9" translateX="145.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Label text="Help" textFill="WHITE" translateX="192.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+                            <Rectangle fill="WHITE" height="90.0" stroke="TRANSPARENT" strokeType="INSIDE" translateX="-120.0" width="2.0" />
+                            <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" translateX="-40.0" StackPane.alignment="CENTER_LEFT">
                                 <children>
-                                    <Label style="-fx-text-fill: #666666;" text="Favourite charities">
+                                    <Label text="About us" textFill="WHITE">
                                         <font>
-                                            <Font size="16.0" />
+                                            <Font name="System Bold" size="16.0" />
                                         </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
                                     </Label>
-                                    <Region HBox.hgrow="ALWAYS" />
-                                    <Label style="-fx-text-fill: #666666;" text="♡">
+                                    <Label text="Something else" textFill="WHITE">
                                         <font>
-                                            <Font size="24.0" />
+                                            <Font name="System Bold" size="16.0" />
                                         </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
                                     </Label>
-                                </children>
-                            </HBox>
-
-                            <!-- Item 1 -->
-                            <VBox spacing="16.0">
-                                <children>
-                                    <HBox alignment="CENTER_LEFT" spacing="16.0">
-                                        <children>
-                                            <Circle fill="#D9D9D9" radius="32.0" />
-                                            <Label style="-fx-text-fill: #222222;" text="Charity #1">
-                                                <font>
-                                                    <Font size="18.0" />
-                                                </font>
-                                            </Label>
-                                        </children>
-                                    </HBox>
-                                    <Line endX="240.0" stroke="#8A8A8A" />
-                                </children>
-                            </VBox>
-
-                            <!-- Item 2 -->
-                            <VBox spacing="16.0">
-                                <children>
-                                    <HBox alignment="CENTER_LEFT" spacing="16.0">
-                                        <children>
-                                            <Circle fill="#D9D9D9" radius="32.0" />
-                                        </children>
-                                    </HBox>
-                                    <Line endX="240.0" stroke="#8A8A8A" />
-                                </children>
-                            </VBox>
-
-                            <!-- Item 3 -->
-                            <VBox spacing="16.0">
-                                <children>
-                                    <HBox alignment="CENTER_LEFT" spacing="16.0">
-                                        <children>
-                                            <Circle fill="#D9D9D9" radius="32.0" />
-                                        </children>
-                                    </HBox>
-                                    <Line endX="240.0" stroke="#8A8A8A" />
-                                </children>
-                            </VBox>
-
-                            <Region VBox.vgrow="ALWAYS" />
-
-                            <HBox alignment="CENTER">
-                                <children>
-                                    <Label style="-fx-text-fill: #6F6F6F;" text="⌄">
+                                    <Label text="Third link" textFill="WHITE">
                                         <font>
-                                            <Font size="24.0" />
+                                            <Font name="System Bold" size="16.0" />
                                         </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
                                     </Label>
                                 </children>
-                            </HBox>
+                            </VBox>
                         </children>
-                    </VBox>
-
-                    <!-- Divider -->
-                    <Region prefWidth="1.0" style="-fx-background-color: #8A8A8A;" />
+                    </StackPane>
 
-                    <!-- Right column -->
-                    <VBox prefWidth="420.0" spacing="22.0">
+                    <StackPane alignment="CENTER_RIGHT" prefHeight="150.0" prefWidth="200.0" GridPane.columnIndex="1">
                         <children>
-                            <HBox alignment="CENTER_LEFT" spacing="12.0">
-                                <children>
-                                    <Label style="-fx-text-fill: #666666;" text="Last visited charities">
-                                        <font>
-                                            <Font size="16.0" />
-                                        </font>
-                                    </Label>
-                                    <Region HBox.hgrow="ALWAYS" />
-                                    <Label style="-fx-text-fill: #666666;" text="≋">
-                                        <font>
-                                            <Font size="22.0" />
-                                        </font>
-                                    </Label>
-                                </children>
-                            </HBox>
-
-                            <!-- Item 1 -->
-                            <VBox spacing="16.0">
-                                <children>
-                                    <HBox alignment="CENTER_LEFT" spacing="16.0">
-                                        <children>
-                                            <Circle fill="#D9D9D9" radius="32.0" />
-                                            <Label style="-fx-text-fill: #222222;" text="Redd Barna">
-                                                <font>
-                                                    <Font size="18.0" />
-                                                </font>
-                                            </Label>
-                                        </children>
-                                    </HBox>
-                                    <Line endX="240.0" stroke="#8A8A8A" />
-                                </children>
-                            </VBox>
-
-                            <!-- Item 2 -->
-                            <VBox spacing="16.0">
-                                <children>
-                                    <HBox alignment="CENTER_LEFT" spacing="16.0">
-                                        <children>
-                                            <Circle fill="#D9D9D9" radius="32.0" />
-                                        </children>
-                                    </HBox>
-                                    <Line endX="240.0" stroke="#8A8A8A" />
-                                </children>
-                            </VBox>
-
-                            <!-- Item 3 -->
-                            <VBox spacing="16.0">
-                                <children>
-                                    <HBox alignment="CENTER_LEFT" spacing="16.0">
-                                        <children>
-                                            <Circle fill="#D9D9D9" radius="32.0" />
-                                        </children>
-                                    </HBox>
-                                    <Line endX="240.0" stroke="#8A8A8A" />
-                                </children>
-                            </VBox>
-
-                            <Region VBox.vgrow="ALWAYS" />
-
-                            <HBox alignment="CENTER">
-                                <children>
-                                    <Label style="-fx-text-fill: #6F6F6F;" text="⌄">
-                                        <font>
-                                            <Font size="24.0" />
-                                        </font>
-                                    </Label>
-                                </children>
-                            </HBox>
+                            <ImageView fitHeight="71.0" fitWidth="161.0" pickOnBounds="true" preserveRatio="true" translateX="-60.0" translateY="-30.0">
+                                <image>
+                                    <Image url="@../images/img.png" />
+                                </image>
+                            </ImageView>
+                            <Label maxWidth="200.0"
+                                   text="All data is consistently updated and reverified"
+                                   textAlignment="CENTER"
+                                   textFill="WHITE"
+                                   translateY="30.0"
+                                   wrapText="true">
+                                <font>
+                                    <Font name="System Bold" size="14.0" />
+                                </font>
+                            </Label>
                         </children>
-                    </VBox>
-
+                    </StackPane>
                 </children>
-            </HBox>
+            </GridPane>
         </children>
-    </VBox>
+    </HBox>
 
-</GridPane>
+</VBox>
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_user_settings.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_user_settings.fxml
index 9c79ee4d..cd6d9973 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_user_settings.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_user_settings.fxml
@@ -4,9 +4,11 @@
 <?import javafx.scene.Cursor?>
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
 <?import javafx.scene.control.TextField?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.BorderPane?>
 <?import javafx.scene.layout.ColumnConstraints?>
 <?import javafx.scene.layout.GridPane?>
 <?import javafx.scene.layout.HBox?>
@@ -15,22 +17,13 @@
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.shape.Circle?>
+<?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.text.Font?>
 
-<GridPane prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.OrganizationSettingsController">
-
-    <columnConstraints>
-        <ColumnConstraints minWidth="280.0" prefWidth="300.0" />
-        <ColumnConstraints hgrow="ALWAYS" />
-    </columnConstraints>
-
-    <rowConstraints>
-        <RowConstraints maxHeight="86.0" minHeight="86.0" prefHeight="86.0" />
-        <RowConstraints vgrow="ALWAYS" />
-    </rowConstraints>
+<VBox prefHeight="900.0" prefWidth="1400.0" style="-fx-background-color: #F5F5F5;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.ProfileSettingsController">
 
     <!-- NAVBAR -->
-    <StackPane style="-fx-background-color: #379894;" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="0">
+    <StackPane maxHeight="86.0" minHeight="86.0" prefHeight="86.0" style="-fx-background-color: #379894;">
         <children>
             <GridPane maxWidth="1400.0" prefHeight="52.0" StackPane.alignment="CENTER">
                 <padding>
@@ -44,6 +37,10 @@
                     <ColumnConstraints minWidth="170.0" prefWidth="190.0" />
                 </columnConstraints>
 
+                <rowConstraints>
+                    <RowConstraints />
+                </rowConstraints>
+
                 <children>
                     <ImageView fitHeight="34.0" fitWidth="34.0" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="0">
                         <image>
@@ -57,13 +54,19 @@
                     <HBox alignment="CENTER_LEFT" spacing="0.0" GridPane.columnIndex="1">
                         <children>
                             <Label style="-fx-text-fill: #FFFFFF;" text="Help">
-                                <font><Font name="System Bold" size="16.0" /></font>
+                                <font>
+                                    <Font name="System Bold" size="16.0" />
+                                </font>
                             </Label>
                             <Label prefHeight="62.0" prefWidth="22.0" style="-fx-text-fill: #C8E6C9;" text="Me">
-                                <font><Font name="System Bold" size="16.0" /></font>
+                                <font>
+                                    <Font name="System Bold" size="16.0" />
+                                </font>
                             </Label>
                             <Label style="-fx-text-fill: #FFFFFF;" text="Help">
-                                <font><Font name="System Bold" size="16.0" /></font>
+                                <font>
+                                    <Font name="System Bold" size="16.0" />
+                                </font>
                             </Label>
                         </children>
                     </HBox>
@@ -80,7 +83,9 @@
                                 <children>
                                     <Circle fill="WHITE" radius="23.0" />
                                     <Label text="SJ" textFill="#222222">
-                                        <font><Font size="14.0" /></font>
+                                        <font>
+                                            <Font size="14.0" />
+                                        </font>
                                     </Label>
                                 </children>
                             </StackPane>
@@ -93,203 +98,308 @@
                         </children>
                     </HBox>
                 </children>
-            <rowConstraints>
-               <RowConstraints />
-            </rowConstraints>
             </GridPane>
         </children>
     </StackPane>
 
-    <!-- SIDEBAR -->
-    <VBox prefHeight="838.0" prefWidth="317.0" spacing="28" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0" GridPane.rowIndex="1">
-        <padding>
-            <Insets bottom="28" left="20" right="20" top="28" />
-        </padding>
-
-        <children>
-            <HBox alignment="CENTER_LEFT" spacing="8">
-                <children>
-                    <Label style="-fx-font-size: 20px; -fx-text-fill: #333333;" text="←" />
-                    <Label style="-fx-font-size: 14px; -fx-text-fill: #333333;" text="Back" />
-                </children>
-            </HBox>
-
-            <HBox alignment="CENTER_LEFT" spacing="16">
-                <children>
-                    <StackPane>
-                        <children>
-                            <Circle fill="#F5F5F5" radius="60.0" />
-                            <Label style="-fx-font-size: 22px; -fx-text-fill: #222222;" text="SJ" />
-                        </children>
-                    </StackPane>
+    <BorderPane style="-fx-background-color: #F5F5F5;" VBox.vgrow="ALWAYS">
 
-                    <Label text="First name&#10;Last name" textFill="#333333">
-                        <font><Font size="18" /></font>
-                    </Label>
-                </children>
-            </HBox>
+        <!-- SIDEBAR -->
+        <left>
+            <VBox prefHeight="838.0" prefWidth="317.0" spacing="28.0" style="-fx-background-color: #E9ECEF;">
+                <padding>
+                    <Insets bottom="28.0" left="20.0" right="20.0" top="28.0" />
+                </padding>
 
-            <VBox spacing="18">
                 <children>
-                    <HBox alignment="CENTER_LEFT" spacing="12" />
-
-                    <HBox alignment="CENTER_LEFT" spacing="12">
+                    <HBox alignment="CENTER_LEFT" spacing="8.0">
                         <children>
-                            <Circle fill="#2e7d32" radius="6" />
-                            <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Donation History" />
+                            <Label style="-fx-font-size: 20px; -fx-text-fill: #333333;" text="←" />
+                            <Label style="-fx-font-size: 14px; -fx-text-fill: #333333;" text="Back" />
                         </children>
                     </HBox>
 
-                    <HBox alignment="CENTER_LEFT" spacing="12">
+                    <HBox alignment="CENTER_LEFT" spacing="16.0">
                         <children>
-                            <Circle fill="#ed6c02" radius="6" />
-                            <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Interests" />
-                        </children>
-                    </HBox>
+                            <StackPane>
+                                <children>
+                                    <Circle fill="#F5F5F5" radius="60.0" />
+                                    <Label style="-fx-font-size: 22px; -fx-text-fill: #222222;" text="SJ" />
+                                </children>
+                            </StackPane>
 
-                    <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-padding: 4 0 4 0;">
-                        <children>
-                            <Circle fill="#1f4fd8" radius="6" />
-                            <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
+                            <Label text="First name&#10;Last name" textFill="#333333">
+                                <font>
+                                    <Font size="18.0" />
+                                </font>
+                            </Label>
                         </children>
                     </HBox>
-                </children>
-            </VBox>
-         <HBox alignment="CENTER_LEFT" spacing="12" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
-            <children>
-               <Circle fill="#1f1f1f" radius="6" />
-               <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
-            </children>
-         </HBox>
-
-            <Region VBox.vgrow="ALWAYS" />
-
-            <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
-        </children>
-    </VBox>
 
-    <!-- MAIN CONTENT -->
-    <VBox spacing="18" style="-fx-background-color: #FFFFFF;" GridPane.columnIndex="1" GridPane.rowIndex="1">
-        <padding>
-            <Insets bottom="30" left="40" right="40" top="28" />
-        </padding>
-
-        <children>
-            <HBox alignment="CENTER_LEFT">
-                <children>
-                    <Label style="-fx-text-fill: #222222;" text="Settings">
-                        <font><Font size="28" /></font>
-                    </Label>
-                    <Region HBox.hgrow="ALWAYS" />
-                    <VBox alignment="CENTER" spacing="6">
+                    <VBox spacing="18.0">
                         <children>
-                            <StackPane>
+                            <HBox alignment="CENTER_LEFT" spacing="12.0" />
+
+                            <HBox alignment="CENTER_LEFT" spacing="12.0">
                                 <children>
-                                    <Circle fill="#DCEAEA" radius="32" />
-                                    <Label style="-fx-font-size: 22px; -fx-text-fill: #333333;" text="SJ" />
+                                    <Circle fill="#2e7d32" radius="6.0" />
+                                    <Button onAction="#switchToInboxPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Donation History" />
                                 </children>
-                            </StackPane>
-                            <Label style="-fx-font-size: 10px; -fx-text-fill: #888888;" text="Change" />
-                        </children>
-                    </VBox>
-                </children>
-            </HBox>
+                            </HBox>
 
-            <GridPane hgap="40" vgap="18">
-                <columnConstraints>
-                    <ColumnConstraints hgrow="ALWAYS" />
-                    <ColumnConstraints hgrow="ALWAYS" />
-                </columnConstraints>
+                            <HBox alignment="CENTER_LEFT" spacing="12.0">
+                                <children>
+                                    <Circle fill="#ed6c02" radius="6.0" />
+                                    <Button onAction="#switchToEditPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Interests" />
+                                </children>
+                            </HBox>
 
-                <children>
-                    <VBox spacing="6" GridPane.columnIndex="0" GridPane.rowIndex="0">
-                        <children>
-                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Full name" />
-                            <TextField prefHeight="36" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                            <HBox alignment="CENTER_LEFT" spacing="12.0" style="-fx-padding: 4 0 4 0;">
+                                <children>
+                                    <Circle fill="#1f4fd8" radius="6.0" />
+                                    <Button onAction="#switchToSettingsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Inbox" />
+                                </children>
+                            </HBox>
                         </children>
                     </VBox>
 
-                    <VBox spacing="6" GridPane.columnIndex="1" GridPane.rowIndex="0">
+                    <HBox alignment="CENTER_LEFT" spacing="12.0" style="-fx-background-color: #F3F4F6; -fx-background-radius: 24; -fx-padding: 10 14 10 14;">
                         <children>
-                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="E-mail" />
-                            <TextField prefHeight="36" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                            <Circle fill="#1f1f1f" radius="6.0" />
+                            <Button onAction="#switchToPaymentsPage" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Settings" />
                         </children>
-                    </VBox>
+                    </HBox>
 
-                    <VBox spacing="6" GridPane.columnIndex="0" GridPane.rowIndex="1">
-                        <children>
-                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Donor name" />
-                            <TextField prefHeight="36" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
-                        </children>
-                    </VBox>
+                    <Region VBox.vgrow="ALWAYS" />
 
-                    <VBox spacing="6" GridPane.columnIndex="1" GridPane.rowIndex="1">
-                        <children>
-                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Phone number" />
-                            <TextField prefHeight="36" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
-                        </children>
-                    </VBox>
+                    <Button onAction="#handleLogout" style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;" text="Log Out" />
                 </children>
-            <rowConstraints>
-               <RowConstraints />
-               <RowConstraints />
-            </rowConstraints>
-            </GridPane>
+            </VBox>
+        </left>
 
-            <VBox spacing="16" style="-fx-border-color: #379894; -fx-border-width: 2; -fx-padding: 14;">
-                <children>
-                    <Label style="-fx-font-size: 18px; -fx-text-fill: #666666;" text="Preferences" />
+        <!-- MAIN CONTENT -->
+        <center>
+            <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background: transparent; -fx-background-color: transparent;" vbarPolicy="AS_NEEDED">
+                <content>
+                    <VBox spacing="28.0" style="-fx-background-color: #F5F5F5;">
+                        <padding>
+                            <Insets bottom="30.0" left="40.0" right="40.0" top="28.0" />
+                        </padding>
 
-                    <HBox spacing="30">
                         <children>
-                            <VBox spacing="6">
+                            <HBox alignment="CENTER_LEFT">
                                 <children>
-                                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Language" />
-                                    <HBox alignment="CENTER_LEFT" prefHeight="36" prefWidth="170" spacing="10" style="-fx-background-color: #F1F3F4; -fx-padding: 0 10 0 10;">
+                                    <Label style="-fx-text-fill: #222222;" text="Settings">
+                                        <font>
+                                            <Font size="28.0" />
+                                        </font>
+                                    </Label>
+                                    <Region HBox.hgrow="ALWAYS" />
+                                    <VBox alignment="CENTER" spacing="6.0">
                                         <children>
-                                            <Label text="English" />
-                                            <Region HBox.hgrow="ALWAYS" />
-                                            <Label text="◉" />
+                                            <StackPane>
+                                                <children>
+                                                    <Circle fill="#DCEAEA" radius="32.0" />
+                                                    <Label style="-fx-font-size: 22px; -fx-text-fill: #333333;" text="SJ" />
+                                                </children>
+                                            </StackPane>
+                                            <Label style="-fx-font-size: 10px; -fx-text-fill: #888888;" text="Change" />
                                         </children>
-                                    </HBox>
+                                    </VBox>
                                 </children>
-                            </VBox>
+                            </HBox>
+
+                            <GridPane hgap="40.0" vgap="18.0">
+                                <columnConstraints>
+                                    <ColumnConstraints hgrow="ALWAYS" />
+                                    <ColumnConstraints hgrow="ALWAYS" />
+                                </columnConstraints>
+
+                                <rowConstraints>
+                                    <RowConstraints />
+                                    <RowConstraints />
+                                </rowConstraints>
 
-                            <VBox spacing="6">
                                 <children>
-                                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Theme" />
-                                    <HBox alignment="CENTER_LEFT" prefHeight="36" prefWidth="170" spacing="10" style="-fx-background-color: #F1F3F4; -fx-padding: 0 10 0 10;">
+                                    <VBox spacing="6.0" GridPane.columnIndex="0" GridPane.rowIndex="0">
                                         <children>
-                                            <Label text="Light Mode" />
-                                            <Region HBox.hgrow="ALWAYS" />
-                                            <Label text="◉" />
+                                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Full name" />
+                                            <TextField prefHeight="36.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
                                         </children>
-                                    </HBox>
+                                    </VBox>
+
+                                    <VBox spacing="6.0" GridPane.columnIndex="1" GridPane.rowIndex="0">
+                                        <children>
+                                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="E-mail" />
+                                            <TextField prefHeight="36.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                                        </children>
+                                    </VBox>
+
+                                    <VBox spacing="6.0" GridPane.columnIndex="0" GridPane.rowIndex="1">
+                                        <children>
+                                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Donor name" />
+                                            <TextField prefHeight="36.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                                        </children>
+                                    </VBox>
+
+                                    <VBox spacing="6.0" GridPane.columnIndex="1" GridPane.rowIndex="1">
+                                        <children>
+                                            <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Phone number" />
+                                            <TextField prefHeight="36.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                                        </children>
+                                    </VBox>
                                 </children>
-                            </VBox>
+                            </GridPane>
 
-                            <VBox spacing="6">
+                            <VBox spacing="16.0" style="-fx-border-color: #379894; -fx-border-width: 2; -fx-padding: 14;">
                                 <children>
-                                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Anonymous mode" />
-                                    <HBox alignment="CENTER" prefHeight="36" prefWidth="120" spacing="12" style="-fx-background-color: #F1F3F4; -fx-background-radius: 18;">
+                                    <Label style="-fx-font-size: 18px; -fx-text-fill: #666666;" text="Preferences" />
+
+                                    <HBox spacing="30.0">
                                         <children>
-                                            <Circle fill="#BFD8D4" radius="10" />
-                                            <Label text="Off" />
+                                            <VBox spacing="6.0">
+                                                <children>
+                                                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Language" />
+                                                    <HBox alignment="CENTER_LEFT" prefHeight="36.0" prefWidth="170.0" spacing="10.0" style="-fx-background-color: #F1F3F4; -fx-padding: 0 10 0 10;">
+                                                        <children>
+                                                            <Label style="-fx-text-fill: #666666;" text="English" />
+                                                            <Region HBox.hgrow="ALWAYS" />
+                                                            <Label style="-fx-text-fill: #666666;" text="◉" />
+                                                        </children>
+                                                    </HBox>
+                                                </children>
+                                            </VBox>
+
+                                            <VBox spacing="6.0">
+                                                <children>
+                                                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Theme" />
+                                                    <HBox alignment="CENTER_LEFT" prefHeight="36.0" prefWidth="170.0" spacing="10.0" style="-fx-background-color: #F1F3F4; -fx-padding: 0 10 0 10;">
+                                                        <children>
+                                                            <Label style="-fx-text-fill: #666666;" text="Light Mode" />
+                                                            <Region HBox.hgrow="ALWAYS" />
+                                                            <Label style="-fx-text-fill: #666666;" text="◉" />
+                                                        </children>
+                                                    </HBox>
+                                                </children>
+                                            </VBox>
+
+                                            <VBox spacing="6.0">
+                                                <children>
+                                                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Anonymous mode" />
+                                                    <HBox alignment="CENTER" prefHeight="36.0" prefWidth="120.0" spacing="12.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 18;">
+                                                        <children>
+                                                            <Circle fill="#BFD8D4" radius="10.0" />
+                                                            <Label style="-fx-text-fill: #666666;" text="Off" />
+                                                        </children>
+                                                    </HBox>
+                                                </children>
+                                            </VBox>
                                         </children>
                                     </HBox>
                                 </children>
                             </VBox>
+
+                            <VBox maxWidth="220.0" spacing="6.0">
+                                <children>
+                                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Password" />
+                                    <TextField prefHeight="36.0" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                                </children>
+                            </VBox>
                         </children>
-                    </HBox>
-                </children>
-            </VBox>
+                    </VBox>
+                </content>
+            </ScrollPane>
+        </center>
+    </BorderPane>
+
+    <!-- FOOTER -->
+    <HBox alignment="BOTTOM_CENTER" maxHeight="130.0" minHeight="130.0" prefHeight="130.0" style="-fx-background-color: #2f8f8b;">
+        <children>
+            <GridPane HBox.hgrow="ALWAYS">
+                <columnConstraints>
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="60.0" prefWidth="100.0" />
+                    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                </columnConstraints>
 
-            <VBox maxWidth="220" spacing="6">
                 <children>
-                    <Label style="-fx-font-size: 10px; -fx-text-fill: #8A8A8A;" text="Password" />
-                    <TextField prefHeight="36" style="-fx-background-color: #F1F3F4; -fx-background-radius: 2;" />
+                    <StackPane prefHeight="150.0" prefWidth="200.0">
+                        <children>
+                            <Rectangle fill="#2f8f8b" height="130.0" stroke="TRANSPARENT" strokeType="INSIDE" width="800.0" />
+
+                            <Label text="Help" textFill="WHITE" translateX="80.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+
+                            <Label text="Me" textFill="#c8e6c9" translateX="145.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+
+                            <Label text="Help" textFill="WHITE" translateX="192.0" StackPane.alignment="CENTER_LEFT">
+                                <font>
+                                    <Font name="System Bold" size="26.0" />
+                                </font>
+                            </Label>
+
+                            <Rectangle fill="WHITE" height="90.0" stroke="TRANSPARENT" strokeType="INSIDE" translateX="-120.0" width="2.0" />
+
+                            <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" translateX="-40.0" StackPane.alignment="CENTER_LEFT">
+                                <children>
+                                    <Label text="About us" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+
+                                    <Label text="Something else" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+
+                                    <Label text="Third link" textFill="WHITE">
+                                        <font>
+                                            <Font name="System Bold" size="16.0" />
+                                        </font>
+                                        <cursor>
+                                            <Cursor fx:constant="HAND" />
+                                        </cursor>
+                                    </Label>
+                                </children>
+                            </VBox>
+                        </children>
+                    </StackPane>
+
+                    <StackPane alignment="CENTER_RIGHT" prefHeight="150.0" prefWidth="200.0" GridPane.columnIndex="1">
+                        <children>
+                            <ImageView fitHeight="71.0" fitWidth="161.0" pickOnBounds="true" preserveRatio="true" translateX="-60.0" translateY="-30.0">
+                                <image>
+                                    <Image url="@../images/img.png" />
+                                </image>
+                            </ImageView>
+
+                            <Label maxWidth="200.0" text="All data is consistently updated and reverified" textAlignment="CENTER" textFill="WHITE" translateY="30.0" wrapText="true">
+                                <font>
+                                    <Font name="System Bold" size="14.0" />
+                                </font>
+                            </Label>
+                        </children>
+                    </StackPane>
                 </children>
-            </VBox>
+            <rowConstraints>
+               <RowConstraints />
+            </rowConstraints>
+            </GridPane>
         </children>
-    </VBox>
-</GridPane>
+    </HBox>
+
+</VBox>
diff --git a/helpmehelpapplication/src/main/resources/fxml/test.fxml b/helpmehelpapplication/src/main/resources/fxml/test.fxml
deleted file mode 100644
index e69de29b..00000000