diff --git a/docs/DeveloperGuide.md b/docs/DeveloperGuide.md
index eaafc2682c8..6b7144156b3 100644
--- a/docs/DeveloperGuide.md
+++ b/docs/DeveloperGuide.md
@@ -289,7 +289,7 @@ The `EditCommand` allows users to modify the details of an existing internship a
 
 The diagram below shows the class diagram for EditCommand.
 
-<puml src="diagrams/EditCommandClassDiagram.puml" />
+<puml src="diagrams/EditCommandClassDiagram.puml" width="550" />
 
 <div style="page-break-after: always;"></div>
 
@@ -488,6 +488,8 @@ The diagram below shows the sequence diagram for FilterCommand.
 
 <puml src="diagrams/FilterSequenceDiagram.puml" />
 
+<div style="page-break-after: always;"></div>
+
 The following activity diagram shows how the user can interact with the FilterCommand
 
 <puml src="diagrams/FilterCommandActivityDiagram.puml" />