diff --git a/pinry-spa/package.json b/pinry-spa/package.json
index c4a3236..33c5778 100644
--- a/pinry-spa/package.json
+++ b/pinry-spa/package.json
@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "buefy": "^0.8.8",
     "core-js": "^3.3.2",
     "vue": "^2.6.10"
   },
diff --git a/pinry-spa/src/App.vue b/pinry-spa/src/App.vue
index 67ea028..e40969a 100644
--- a/pinry-spa/src/App.vue
+++ b/pinry-spa/src/App.vue
@@ -17,12 +17,9 @@ export default {
 </script>
 
 <style lang="scss">
-#app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
+  // Import Bulma's core
+  @import "~bulma/sass/utilities/_all";
+  // Import Bulma and Buefy styles
+  @import "~bulma";
+  @import "~buefy/src/scss/buefy";
 </style>
diff --git a/pinry-spa/src/main.js b/pinry-spa/src/main.js
index 77f35b6..67d0acb 100644
--- a/pinry-spa/src/main.js
+++ b/pinry-spa/src/main.js
@@ -1,7 +1,9 @@
+import Buefy from 'buefy';
 import Vue from 'vue';
 import App from './App.vue';
 
 Vue.config.productionTip = false;
+Vue.use(Buefy);
 
 new Vue({
   render: h => h(App),
diff --git a/pinry-spa/yarn.lock b/pinry-spa/yarn.lock
index 6ec71e0..438071c 100644
--- a/pinry-spa/yarn.lock
+++ b/pinry-spa/yarn.lock
@@ -1780,6 +1780,13 @@ browserslist@^4.0.0, browserslist@^4.6.0, browserslist@^4.7.1, browserslist@^4.7
     electron-to-chromium "^1.3.306"
     node-releases "^1.1.40"
 
+buefy@^0.8.8:
+  version "0.8.8"
+  resolved "https://registry.npm.taobao.org/buefy/download/buefy-0.8.8.tgz#dc6a26c74793a6e28ee435d5ee06bdfe811dc9f4"
+  integrity sha1-3Gomx0eTpuKO5DXV7ga9/oEdyfQ=
+  dependencies:
+    bulma "0.7.5"
+
 buffer-from@^1.0.0:
   version "1.1.1"
   resolved "https://registry.npm.taobao.org/buffer-from/download/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
@@ -1814,6 +1821,11 @@ builtin-status-codes@^3.0.0:
   resolved "https://registry.npm.taobao.org/builtin-status-codes/download/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
   integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
 
+bulma@0.7.5:
+  version "0.7.5"
+  resolved "https://registry.npm.taobao.org/bulma/download/bulma-0.7.5.tgz#35066c37f82c088b68f94450be758fc00a967208"
+  integrity sha1-NQZsN/gsCIto+URQvnWPwAqWcgg=
+
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/bytes/download/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"