diff --git a/helpmehelpapplication/src/main/resources/fxml/frontPage.fxml b/helpmehelpapplication/src/main/resources/fxml/frontPage.fxml
index 2cf519f..4b1641b 100644
--- a/helpmehelpapplication/src/main/resources/fxml/frontPage.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/frontPage.fxml
@@ -223,81 +223,57 @@
                   </HBox>
                </children>
             </StackPane>
-            <HBox prefWidth="1000.0">
-               <children>
-                  <VBox prefHeight="300.0" prefWidth="150.0" style="-fx-background-color: transparent; -fx-border-color: #2F8F8B; -fx-background-radius: 10; -fx-border-radius: 10; -fx-border-width: 2;">
-                     <HBox.margin>
-                        <Insets left="-10.0" />
-                     </HBox.margin>
-                     <children>
-                        <Label text="Categories: ">
-                           <font>
-                              <Font size="20.0" />
-                           </font>
-                           <VBox.margin>
-                              <Insets left="20.0" />
-                           </VBox.margin>
-                        </Label>
-                        <CheckBox fx:id="verifiedFilter" onAction="#handleCategoryFilterChange"  mnemonicParsing="false" text="Verified by IK">
-                           <font>
-                              <Font size="12.0" />
-                           </font>
-                           <VBox.margin>
-                              <Insets left="20.0" />
-                           </VBox.margin>
-                           <padding>
-                              <Insets top="10.0" />
-                           </padding>
-                        </CheckBox>
-                        <CheckBox fx:id="childrenFilter" onAction="#handleCategoryFilterChange" mnemonicParsing="false" text="Children">
-                           <font>
-                              <Font size="12.0" />
-                           </font>
-                           <padding>
-                              <Insets top="10.0" />
-                           </padding>
-                           <VBox.margin>
-                              <Insets left="20.0" />
-                           </VBox.margin>
-                        </CheckBox>
-                        <CheckBox fx:id="healthFilter" onAction="#handleCategoryFilterChange" mnemonicParsing="false" text="Health">
-                           <font>
-                              <Font size="12.0" />
-                           </font>
-                           <padding>
-                              <Insets top="10.0" />
-                           </padding>
-                           <VBox.margin>
-                              <Insets left="20.0" />
-                           </VBox.margin>
-                        </CheckBox>
-                        <CheckBox fx:id="emergencyAidFilter" onAction="#handleCategoryFilterChange" mnemonicParsing="false" text="Emergency aid">
-                           <font>
-                              <Font size="12.0" />
-                           </font>
-                           <padding>
-                              <Insets top="10.0" />
-                           </padding>
-                           <VBox.margin>
-                              <Insets left="20.0" />
-                           </VBox.margin>
-                        </CheckBox>
-                     </children>
-                  </VBox>
-                  <ScrollPane fitToWidth="true" prefWidth="900.0" HBox.hgrow="ALWAYS">
-                     <content>
-                        <FlowPane fx:id="cardsContainer" hgap="20.0" vgap="20.0">
-                           <padding>
-                              <Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />
-                           </padding>
-                        </FlowPane>
-                     </content>
-                  </ScrollPane>
-               </children>
-               <padding>
-                  <Insets top="10.0" />
-               </padding>
-            </HBox>
+             <HBox prefWidth="1000.0">
+                 <children>
+                     <ScrollPane fitToWidth="true"
+                                 prefHeight="300.0"
+                                 prefWidth="150.0"
+                                 HBox.hgrow="NEVER"
+                                 hbarPolicy="NEVER"
+                                 vbarPolicy="AS_NEEDED">
+
+                         <content>
+                             <!-- Category Checkmarks -->
+                             <VBox fx:id="categoryList"
+                                   prefWidth="150.0"
+                                   style="-fx-background-color: transparent; -fx-border-color: #2F8F8B; -fx-background-radius: 10; -fx-border-radius: 10; -fx-border-width: 2;">
+
+                                 <children>
+
+                                     <Label text="Categories: ">
+                                         <font>
+                                             <Font size="20.0" />
+                                         </font>
+                                         <VBox.margin>
+                                             <Insets left="20.0" />
+                                         </VBox.margin>
+                                     </Label>
+
+                                     <CheckBox fx:id="verifiedFilter" onAction="#handleCategoryFilterChange" text="Pre-approved">
+                                     </CheckBox>
+
+                                 </children>
+                             </VBox>
+                         </content>
+                     </ScrollPane>
+
+                     <!-- CHARITY CARDS -->
+                     <ScrollPane fitToWidth="true" prefWidth="900.0" HBox.hgrow="ALWAYS">
+                         <content>
+                             <FlowPane fx:id="cardsContainer" hgap="20.0" vgap="20.0">
+                                 <padding>
+                                     <Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />
+                                 </padding>
+                             </FlowPane>
+                         </content>
+                     </ScrollPane>
+
+                 </children>
+
+                 <padding>
+                     <Insets top="10.0" />
+                 </padding>
+             </HBox>
          </children>
       </VBox>
       <HBox alignment="BOTTOM_CENTER" prefHeight="12.0" prefWidth="800.0" style="-fx-background-color: #2f8f8b;" GridPane.rowIndex="2">