diff --git a/api/datamodel.prisma b/api/datamodel.prisma
index de0d2530..82f839f3 100644
--- a/api/datamodel.prisma
+++ b/api/datamodel.prisma
@@ -49,8 +49,10 @@ type Notification {
   updatedAt: DateTime!
 }
 
-type Announcements {
+type Message {
   id: ID! @unique
   course: Course!
   message: String
+  createdAt: DateTime!
+  updatedAt: DateTime!
 }
diff --git a/web/components/Draft.tsx b/web/components/Draft.tsx
index 7fefc7f2..9529c807 100644
--- a/web/components/Draft.tsx
+++ b/web/components/Draft.tsx
@@ -40,7 +40,6 @@ class Draft extends React.Component<{}, IEditorState> {
             minHeight: "44px",
             fontSize: "22px",
             padding: "20px",
-            fontFamily: "Roboto",
           }}
         >
           <Editor
diff --git a/web/next.config.js b/web/next.config.js
index 272bb9b6..02ffb1a7 100644
--- a/web/next.config.js
+++ b/web/next.config.js
@@ -11,5 +11,11 @@ module.exports = withCSS(
       API_URL_GOOGLE: process.env.API_URL_GOOGLE,
       WEBSOCKET_URL: process.env.WEBSOCKET_URL,
     },
+    onDemandEntries: {
+      // period (in ms) where the server will keep pages in the buffer
+      maxInactiveAge: 25 * 1000,
+      // number of pages that should be kept simultaneously without being disposed
+      pagesBufferLength: 5,
+    },
   }),
 );
diff --git a/web/pages/grades.tsx b/web/pages/grades.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/web/routes.js b/web/routes.js
index c6f87559..d683d3a1 100644
--- a/web/routes.js
+++ b/web/routes.js
@@ -10,6 +10,7 @@ module.exports = routes()
   .add("calendar")
   .add("users", "/users/:id")
   .add("courses", "/courses/:id")
+  .add("course-grades", "/course/:id/grades", "grades")
   .add("login", "/login", "login")
   .add("finishLogin", "/auth/:type")
   .add("settings");