diff --git a/src/App.vue b/src/App.vue
index 6ffe61311b819f8453f8cc169efd9371afbf6fb4..ebace20873dea972b09f7200a99ad19a5d54d521 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,8 +19,10 @@ export default {
 </script>
 
 <style>
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
+
 #app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
diff --git a/src/components/pages/SemuaAnggaran.vue b/src/components/pages/SemuaAnggaran.vue
index b73dc158d47bee01288ef63efc5c58937c51c2d9..c049d38cabd2979a55d525e8c85013cdcfb744cb 100644
--- a/src/components/pages/SemuaAnggaran.vue
+++ b/src/components/pages/SemuaAnggaran.vue
@@ -6,7 +6,9 @@
       </b-col>
       <simple-card-container/>
     </b-row>
-    <comments/>
+    <div id="comments-container">
+      <comments/>
+    </div>
   </b-container>
 </template>
 
@@ -44,5 +46,11 @@ h2 {
 }
 .container {
   max-width: 100%;
+
+  #comments-container {
+    margin: 10px auto;
+    max-width: 800px;
+    height: 50vw;
+  }
 }
 </style>
\ No newline at end of file