diff --git a/packages/person-select/package.json b/packages/person-select/package.json
index a3673add1779797f326d0ebe65ef498d6add872b..5abbb716941c3f4ee163215e151c5d89aa76dd3b 100644
--- a/packages/person-select/package.json
+++ b/packages/person-select/package.json
@@ -27,7 +27,6 @@
     "vpu-common": "file:./vendor/common"
   },
   "dependencies": {
-    "bulma": "^0.7.5",
     "jquery": "^3.4.1",
     "lit-element": "^2.1.0",
     "select2": "^4.0.9"
diff --git a/packages/person-select/src/vpu-person-select-demo.js b/packages/person-select/src/vpu-person-select-demo.js
index 8b9fcb7ff308de479b0e2209ed5cd8ee7696f884..457e1b1cc2ad9cf50025f87ac6a131cf9cd7d56c 100644
--- a/packages/person-select/src/vpu-person-select-demo.js
+++ b/packages/person-select/src/vpu-person-select-demo.js
@@ -3,7 +3,7 @@ import {i18n} from './i18n.js';
 import {css, html, LitElement} from 'lit-element';
 import './vpu-person-select.js';
 import * as commonUtils from 'vpu-common/utils';
-import bulmaCSSPath from "bulma/css/bulma.min.css";
+import * as commonStyles from 'vpu-common/styles';
 
 class PersonSelectDemo extends LitElement {
     constructor() {
@@ -30,6 +30,9 @@ class PersonSelectDemo extends LitElement {
     static get styles() {
         // language=css
         return css`
+            ${commonStyles.getThemeCSS()}
+            ${commonStyles.getGeneralCSS()}
+
             h1.title {margin-bottom: 1em;}
             div.container {margin-bottom: 1.5em;}
         `;
@@ -45,10 +48,8 @@ class PersonSelectDemo extends LitElement {
 
     render() {
         commonUtils.initAssetBaseURL('vpu-person-select-src');
-        const bulmaCSS = commonUtils.getAssetURL(bulmaCSSPath);
-        return html`
-            <link rel="stylesheet" href="${bulmaCSS}">
 
+        return html`
             <section class="section">
                 <div class="container">
                     <h1 class="title">Person-Select-Demo</h1>