diff --git a/package.json b/package.json
index 9ab3b53..0d7e3fb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "assignment-canvas",
-  "version": "2.4.0b",
+  "version": "2.5.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/src/App.vue b/src/App.vue
index c504940..9fd7a17 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,7 +13,7 @@
             <v-list-item-title class="text-h6">
               Assignment Canvas
             </v-list-item-title>
-            <v-list-item-subtitle>v2.4.0b</v-list-item-subtitle>
+            <v-list-item-subtitle>v2.5.0</v-list-item-subtitle>
           </v-list-item-content>
         </v-list-item>
       </v-list>
diff --git a/src/components/ReplyView.vue b/src/components/ReplyView.vue
new file mode 100644
index 0000000..3b2d755
--- /dev/null
+++ b/src/components/ReplyView.vue
@@ -0,0 +1,27 @@
+<template>
+  <v-card color="#272727" dark style="padding: 0.5rem; border-radius: 10px; border: 2px solid #666;">
+    <v-card-title class="text-h6" v-if="reply.deleted != true">
+      {{ reply.user_id }}
+    </v-card-title>
+
+    <v-card-subtitle
+      class="announcementContent"
+      v-html="reply.message"
+      v-if="reply.deleted != true"
+    >
+    </v-card-subtitle>
+    <v-card-subtitle v-else>
+      Deleted Reply
+    </v-card-subtitle>
+    <div v-for="nestedReply in reply.replies" :key="nestedReply.id">
+      <ReplyView :reply="nestedReply" />
+    </div>
+  </v-card>
+</template>
+
+<script>
+export default {
+  name: "ReplyView",
+  props: ["reply"]
+}
+</script>
\ No newline at end of file
diff --git a/src/views/AnnouncementView.vue b/src/views/AnnouncementView.vue
index d515435..88ed4e8 100644
--- a/src/views/AnnouncementView.vue
+++ b/src/views/AnnouncementView.vue
@@ -13,21 +13,7 @@
     <p v-html="announcement.message" />
     <v-divider dark style="padding: 0.5rem;" />
     <div class="reply" v-for="reply in announcement.replies" :key="reply.id">
-      <v-card color="#272727" dark>
-        <v-card-title class="text-h6" v-if="reply.deleted != true">
-          {{ reply.user_id }}
-        </v-card-title>
-
-        <v-card-subtitle
-          class="announcementContent"
-          v-html="reply.message"
-          v-if="reply.deleted != true"
-        >
-        </v-card-subtitle>
-        <v-card-subtitle v-else>
-          Deleted Reply
-        </v-card-subtitle>
-      </v-card>
+      <ReplyView :reply="reply" />
     </div>
   </div>
   <div class="loading" v-else>
@@ -41,11 +27,12 @@
 
 <script>
 const axios = require("axios").default;
+import ReplyView from "../components/ReplyView.vue"
 
 export default {
   name: "AnnouncementView",
   components: {
-
+    ReplyView
   },
   data() {
     return {