diff --git a/template/index.html b/template/index.html
index 36871a0..3f744fd 100644
--- a/template/index.html
+++ b/template/index.html
@@ -128,7 +128,7 @@
                         <option value=""></option>
                         <option :value="folder.id" v-for="folder in folders">{{ folder.title }}</option>
                     </select>
-                    <button class="btn btn-block btn-outline-secondary mt-3" :class="{loading: loading.newfeed}" type="submit">Add</button>
+                    <button class="btn btn-block btn-default mt-3" :class="{loading: loading.newfeed}" type="submit">Add</button>
                 </form>
             </div>
             <div v-else-if="settings=='manage'">
@@ -186,7 +186,7 @@
                         <div class="input-group">
                             <input id="settings-new-folder" type="text" class="form-control" name="title" required autocomplete="off">
                             <div class="input-group-append">
-                                <button class="btn btn-outline-secondary" type="submit">Add</button>
+                                <button class="btn btn-default" type="submit">Add</button>
                             </div>
                         </div>
                     </form>
diff --git a/template/static/stylesheets/app.css b/template/static/stylesheets/app.css
index 078cb6e..b8edbc0 100644
--- a/template/static/stylesheets/app.css
+++ b/template/static/stylesheets/app.css
@@ -11,7 +11,7 @@ body {
 }
 
 .form-control {
-  transition: none;
+  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.07);
 }
 
 select.form-control {
@@ -183,3 +183,15 @@ select.form-control:not([multiple]):not([size]) {
   top: 50%;
   z-index: 1;
 }
+
+.btn-default {
+  border: 1px solid #ced4da;
+  border-radius: .25rem;
+  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+  background: linear-gradient(#fff, #f5f7f9);
+}
+
+.btn-default:active {
+  background: #f5f7f9;
+  box-shadow: none;
+}