diff --git a/packages/person-profile/package.json b/packages/person-profile/package.json
index 4c56323ce6cb1ae5220a3d889c60cd11a2060e9a..8fbb7008abac4a59666a60d87915b3f8b33c07a2 100644
--- a/packages/person-profile/package.json
+++ b/packages/person-profile/package.json
@@ -28,7 +28,6 @@
     "vpu-person-select": "file:./vendor/person-select"
   },
   "dependencies": {
-    "bulma": "^0.7.5",
     "lit-element": "^2.2.1",
     "jquery": "^3.4.1"
   },
diff --git a/packages/person-profile/src/vpu-person-profile-demo.js b/packages/person-profile/src/vpu-person-profile-demo.js
index b5e7452b16a40df004fdc45a821f4937183bf85b..1b63722f351b3f6235c1ef43a964b02e1bfc1bf0 100644
--- a/packages/person-profile/src/vpu-person-profile-demo.js
+++ b/packages/person-profile/src/vpu-person-profile-demo.js
@@ -4,7 +4,7 @@ import {css, html, LitElement} from 'lit-element';
 import VPULitElement from 'vpu-common/vpu-lit-element';
 import './vpu-person-profile.js';
 import * as commonUtils from 'vpu-common/utils';
-import bulmaCSSPath from "bulma/css/bulma.min.css";
+import * as commonStyles from 'vpu-common/styles';
 import $ from 'jquery';
 import 'vpu-person-select';
 
@@ -47,6 +47,9 @@ class PersonProfileDemo extends VPULitElement {
     static get styles() {
         // language=css
         return css`
+            ${commonStyles.getThemeCSS()}
+            ${commonStyles.getGeneralCSS()}
+
             h1.title {margin-bottom: 1em;}
             div.container {margin-bottom: 1.5em;}
         `;
@@ -64,10 +67,8 @@ class PersonProfileDemo extends VPULitElement {
 
     render() {
         commonUtils.initAssetBaseURL('vpu-person-profile-src');
-        const bulmaCSS = commonUtils.getAssetURL(bulmaCSSPath);
-        return html`
-            <link rel="stylesheet" href="${bulmaCSS}">
 
+        return html`
             ${this.getAuthComponentHtml()}
 
             <section class="section">
diff --git a/packages/person-profile/src/vpu-person-profile.js b/packages/person-profile/src/vpu-person-profile.js
index 434d3dd34cce2edb556feade04052f36cc9c7d33..74f98159043c66df1e8e1e48f67cbe1b802b02e6 100644
--- a/packages/person-profile/src/vpu-person-profile.js
+++ b/packages/person-profile/src/vpu-person-profile.js
@@ -1,10 +1,10 @@
 
 import JSONLD from 'vpu-common/jsonld';
-import {html} from 'lit-element';
+import {css, html} from 'lit-element';
 import {i18n} from './i18n.js';
 import VPULitElement from 'vpu-common/vpu-lit-element';
 import * as commonUtils from 'vpu-common/utils';
-import bulmaCSSPath from "bulma/css/bulma.min.css";
+import * as commonStyles from 'vpu-common/styles';
 
 
 class PersonProfile extends VPULitElement {
@@ -72,6 +72,14 @@ class PersonProfile extends VPULitElement {
         super.update(changedProperties);
     }
 
+    static get styles() {
+        // language=css
+        return css`
+            ${commonStyles.getThemeCSS()}
+            ${commonStyles.getGeneralCSS()}
+        `;
+    }
+
     render() {
         let role = i18n.t('person-profile.unknown');
         if (this.person !== null && this.person.roles !== undefined) {
@@ -83,9 +91,7 @@ class PersonProfile extends VPULitElement {
             }
         }
         commonUtils.initAssetBaseURL('vpu-person-profile-src');
-        const bulmaCSS = commonUtils.getAssetURL(bulmaCSSPath);
         return html`
-            <link rel="stylesheet" href="${bulmaCSS}">
             <style>
             .profile {
                 padding: 1rem