diff --git a/template/index.html b/template/index.html
index c944b85..2aee0ed 100644
--- a/template/index.html
+++ b/template/index.html
@@ -8,8 +8,7 @@
     <link rel="icon shortcut" href="./static/images/anchor.png">
 </head>
 <body>
-<div class="container-fluid p-0" :class="'theme-' + settings.theme" id="app" v-cloak>
-    <div class="wrapper d-flex vh-100 ">
+    <div class="wrapper d-flex vh-100" id="app" v-cloak>
         <!-- feed list -->
         <div class="vh-100 position-relative overflow-auto border-right flex-shrink-0" :style="{width: feedListWidth+'px'}">
             <drag :width="feedListWidth" @resize="resizeFeedList"></drag>
@@ -313,14 +312,13 @@
             </div>
         </div>
     </div>
-</div>
-<script src="./static/javascripts/vue.min.js"></script>
-<script src="./static/javascripts/popper.min.js"></script>
-<!-- <script src="./static/javascripts/bootstrap.min.js"></script> -->
-<script src="./static/javascripts/bootstrap-vue.min.js"></script>
-<script src="./static/javascripts/Readability.js"></script>
-<script src="./static/javascripts/purify.min.js"></script>
-<script src="./static/javascripts/api.js"></script>
-<script src="./static/javascripts/app.js"></script>
+    <script src="./static/javascripts/vue.min.js"></script>
+    <script src="./static/javascripts/popper.min.js"></script>
+    <!-- <script src="./static/javascripts/bootstrap.min.js"></script> -->
+    <script src="./static/javascripts/bootstrap-vue.min.js"></script>
+    <script src="./static/javascripts/Readability.js"></script>
+    <script src="./static/javascripts/purify.min.js"></script>
+    <script src="./static/javascripts/api.js"></script>
+    <script src="./static/javascripts/app.js"></script>
 </body>
 </html>
diff --git a/template/static/javascripts/app.js b/template/static/javascripts/app.js
index 35656b4..21b4614 100644
--- a/template/static/javascripts/app.js
+++ b/template/static/javascripts/app.js
@@ -223,6 +223,12 @@ var vm = new Vue({
     },
   },
   watch: {
+    'settings': {
+      deep: true,
+      handler: function(newVal) {
+        document.body.classList.value = 'theme-' + newVal.theme
+      },
+    },
     'feedStats': {
       deep: true,
       handler: debounce(function() {
