diff --git a/src/main/resources/view/NoteDisplay.css b/src/main/resources/view/NoteDisplay.css
new file mode 100644
index 00000000000..de47a1d3c07
--- /dev/null
+++ b/src/main/resources/view/NoteDisplay.css
@@ -0,0 +1,9 @@
+.label-notes {
+    -fx-font-weight: bold;
+    -fx-font-size: 15pt;
+}
+
+.text-area-notes {
+    -fx-font-family: 'Consolas';
+    -fx-font-size: 12pt;
+}
diff --git a/src/main/resources/view/NoteDisplay.fxml b/src/main/resources/view/NoteDisplay.fxml
index 8dc161cc35f..cb65f156508 100644
--- a/src/main/resources/view/NoteDisplay.fxml
+++ b/src/main/resources/view/NoteDisplay.fxml
@@ -1,9 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-
+<?import javafx.scene.control.Label?>
 <?import javafx.scene.control.TextArea?>
 <?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
 
 <StackPane fx:id="placeHolder" styleClass="pane-with-border" xmlns="http://javafx.com/javafx/17"
-           xmlns:fx="http://javafx.com/fxml/1">
-<TextArea fx:id="noteDisplay" editable="false"/>
+           xmlns:fx="http://javafx.com/fxml/1"
+           stylesheets="@NoteDisplay.css">
+    <VBox spacing="3" style="-fx-padding: 10 30 50 20;">
+        <!-- Using Label for "Notes" with a background color -->
+        <Label text="Notes:" styleClass="label-notes"/>
+        <TextArea fx:id="noteDisplay" editable="false" styleClass="text-area-notes"/>
+    </VBox>
 </StackPane>