diff --git a/package-lock.json b/package-lock.json
index ae0055548..c8b92469f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2362,11 +2362,11 @@
       }
     },
     "buefy": {
-      "version": "0.8.18",
-      "resolved": "https://registry.npmjs.org/buefy/-/buefy-0.8.18.tgz",
-      "integrity": "sha512-7Fem39I1beQm8Xi+1OFtyy6JksnmANc4h+pQ420JhY04tyefGyuQc7EiZ6GUcbCezu1WxTsdvSv0Kz/JB8aZNw==",
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/buefy/-/buefy-0.9.0.tgz",
+      "integrity": "sha512-RGe2/LG+IBtWn6pzCpAZm/Qf9q2ckcv8amlTJjKmvuCiC3JjtJjJvu4tMcrapncJOgKPufpHGxep738MypnPwA==",
       "requires": {
-        "bulma": "0.7.5"
+        "bulma": "0.9.0"
       }
     },
     "buffer": {
@@ -2405,9 +2405,9 @@
       "dev": true
     },
     "bulma": {
-      "version": "0.7.5",
-      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.5.tgz",
-      "integrity": "sha512-cX98TIn0I6sKba/DhW0FBjtaDpxTelU166pf7ICXpCCuplHWyu6C9LYZmL5PEsnePIeJaiorsTEzzNk3Tsm1hw=="
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.0.tgz",
+      "integrity": "sha512-rV75CJkubNUroAt0qCRkjznZLoaXq/ctfMXsMvKSL84UetbSyx5REl96e8GoQ04G4Tkw0XF3STECffTOQrbzOQ=="
     },
     "bytes": {
       "version": "3.0.0",
@@ -3494,9 +3494,9 @@
       "dev": true
     },
     "elliptic": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.2.tgz",
-      "integrity": "sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==",
+      "version": "6.5.3",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.3.tgz",
+      "integrity": "sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==",
       "dev": true,
       "requires": {
         "bn.js": "^4.4.0",
@@ -10204,10 +10204,13 @@
           "dev": true
         },
         "serialize-javascript": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-3.0.0.tgz",
-          "integrity": "sha512-skZcHYw2vEX4bw90nAr2iTTsz6x2SrHEnfxgKYmZlvJYBEZrvbKtobJWlQ20zczKb3bsHHXXTYt48zBA7ni9cw==",
-          "dev": true
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-3.1.0.tgz",
+          "integrity": "sha512-JIJT1DGiWmIKhzRsG91aS6Ze4sFUrYbltlkg2onR5OrnNM02Kl/hnY/T4FN2omvyeBbQmMJv+K4cPOpGzOTFBg==",
+          "dev": true,
+          "requires": {
+            "randombytes": "^2.1.0"
+          }
         },
         "source-map": {
           "version": "0.6.1",
diff --git a/package.json b/package.json
index b91bd20f5..3aae96e45 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,8 @@
   },
   "dependencies": {
     "axios": "^0.19.2",
-    "buefy": "^0.8.18",
-    "bulma": "^0.7.5",
+    "buefy": "^0.9.0",
+    "bulma": "^0.9.0",
     "css-vars-ponyfill": "^2.3.1",
     "mdi": "^2.2.43",
     "moment": "^2.25.3",
diff --git a/src/views/admin/components/filter-types/numeric/Numeric.vue b/src/views/admin/components/filter-types/numeric/Numeric.vue
index f19f1a99a..c28a04bce 100644
--- a/src/views/admin/components/filter-types/numeric/Numeric.vue
+++ b/src/views/admin/components/filter-types/numeric/Numeric.vue
@@ -159,6 +159,7 @@
     .numeric-filter-container {
         display: flex;
         height: auto;
+        align-items: stretch;
 
         @media screen and (min-width: 769px) and (max-width: 1500px) {
             flex-wrap: wrap;
diff --git a/src/views/admin/components/filter-types/tainacan-filter-item.vue b/src/views/admin/components/filter-types/tainacan-filter-item.vue
index 3c4e3f6fa..1d0b9ce9e 100644
--- a/src/views/admin/components/filter-types/tainacan-filter-item.vue
+++ b/src/views/admin/components/filter-types/tainacan-filter-item.vue
@@ -89,13 +89,13 @@
 
         &:not(:last-child) {
             margin-bottom: 0;
-            padding-bottom: 1.5em;
+            padding-bottom: 0.75em;
         }
 
         .collapse-trigger {
-            margin-left: -5px;
+            margin-left: -7px;
             .icon {
-                margin-right: 12px;
+                margin-right: 5px;
             }
             .collapse-label {
                 display: inline-block;
@@ -205,6 +205,7 @@
             @media screen and (min-width: 768px) {
                 .dropdown-trigger input {
                     font-size: 0.75em !important;
+                    line-height: 1.75em;
                 }
                 .datepicker-header {
 
diff --git a/src/views/admin/components/lists/metadata-mapping-list.vue b/src/views/admin/components/lists/metadata-mapping-list.vue
index a87ed578e..272e1e167 100644
--- a/src/views/admin/components/lists/metadata-mapping-list.vue
+++ b/src/views/admin/components/lists/metadata-mapping-list.vue
@@ -52,72 +52,74 @@
                     :data="mapperMetadata"
                     :loading="isMapperMetadataLoading">
 
-                <template slot-scope="props">
-                    <b-table-column
-                            field="label"
-                            :label="$i18n.get('label_mapper_metadata')">
-                        {{ props.row.label }}
-                    </b-table-column>
+                <b-table-column
+                        v-slot="props"
+                        field="label"
+                        :label="$i18n.get('label_mapper_metadata')">
+                    {{ props.row.label }}
+                </b-table-column>
+
+                <b-table-column
+                        v-slot="props"
+                        field="slug"
+                        :label="$i18n.get('metadatum')">
+                    <b-select
+                            :name="'mappers-metadatum-select-' + props.row.slug"
+                            v-model="props.row.selected"
+                            @input="onSelectMetadatumForMapperMetadata">
+                        <option
+                                value="">
+                            {{ $i18n.get('instruction_select_a_metadatum') }}
+                        </option>
+                        <option
+                            v-for="(metadatum, index) in activeMetadatumList"
+                            :key="index"
+                            :value="metadatum.id"
+                            :disabled="isMetadatumSelected(metadatum.id)">
+                            {{ metadatum.name }}
+                        </option>
+                    </b-select>
+                </b-table-column>
+                <b-table-column
+                        v-slot="props"
+                        field="isCustom"
+                        label="">
+                    <a 
+                            :style="{ visibility: 
+                                    props.row.isCustom
+                                    ? 'visible' : 'hidden'
+                                }" 
+                            @click.prevent="editMetadatumCustomMapper(props.row)">
+                        <span
+                                v-tooltip="{
+                                    content: $i18n.get('edit'),
+                                    autoHide: true,
+                                    classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
+                                    placement: 'auto-start'
+                                }"
+                                class="icon">
+                            <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
+                        </span>
+                    </a>
+                    <a 
+                            :style="{ visibility: 
+                                    props.row.isCustom
+                                    ? 'visible' : 'hidden'
+                                }" 
+                            @click.prevent="removeMetadatumCustomMapper(props.row)">
+                        <span
+                                v-tooltip="{
+                                    content: $i18n.get('delete'),
+                                    autoHide: true,
+                                    classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
+                                    placement: 'auto-start'
+                                }"
+                                class="icon">
+                            <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
+                        </span>
+                    </a>
+                </b-table-column>
 
-                    <b-table-column
-                            field="slug"
-                            :label="$i18n.get('metadatum')">
-                        <b-select
-                                :name="'mappers-metadatum-select-' + props.row.slug"
-                                v-model="props.row.selected"
-                                @input="onSelectMetadatumForMapperMetadata">
-                            <option
-                                    value="">
-                                {{ $i18n.get('instruction_select_a_metadatum') }}
-                            </option>
-                            <option
-                                v-for="(metadatum, index) in activeMetadatumList"
-                                :key="index"
-                                :value="metadatum.id"
-                                :disabled="isMetadatumSelected(metadatum.id)">
-                                {{ metadatum.name }}
-                            </option>
-                        </b-select>
-                    </b-table-column>
-                    <b-table-column
-                            field="isCustom"
-                            label="">
-                        <a 
-                                :style="{ visibility: 
-                                        props.row.isCustom
-                                        ? 'visible' : 'hidden'
-                                    }" 
-                                @click.prevent="editMetadatumCustomMapper(props.row)">
-                            <span
-                                    v-tooltip="{
-                                        content: $i18n.get('edit'),
-                                        autoHide: true,
-                                        classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
-                                        placement: 'auto-start'
-                                    }"
-                                    class="icon">
-                                <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
-                            </span>
-                        </a>
-                        <a 
-                                :style="{ visibility: 
-                                        props.row.isCustom
-                                        ? 'visible' : 'hidden'
-                                    }" 
-                                @click.prevent="removeMetadatumCustomMapper(props.row)">
-                            <span
-                                    v-tooltip="{
-                                        content: $i18n.get('delete'),
-                                        autoHide: true,
-                                        classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
-                                        placement: 'auto-start'
-                                    }"
-                                    class="icon">
-                                <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
-                            </span>
-                        </a>
-                    </b-table-column>
-                </template>
             </b-table>
         </section>
         <section
diff --git a/src/views/admin/pages/lists/items-page.vue b/src/views/admin/pages/lists/items-page.vue
index d4dc453b9..9647fd69f 100644
--- a/src/views/admin/pages/lists/items-page.vue
+++ b/src/views/admin/pages/lists/items-page.vue
@@ -222,7 +222,7 @@
             <!-- Change OrderBy Select and Order Button-->
             <div class="search-control-item">
                 <b-field>
-                    <label class="label">{{ $i18n.get('label_sort') }}</label>
+                    <label class="label">{{ $i18n.get('label_sort') }}&nbsp;</label>
                     <b-dropdown
                             :mobile-modal="true"
                             @input="onChangeOrder"
@@ -1499,6 +1499,7 @@
             .label {
                 color: var(--tainacan-label-color);
                 font-size: 0.875em;
+                line-height: 1.75em;
                 font-weight: normal;
                 margin-top: 2px;
                 margin-bottom: 2px;
diff --git a/src/views/admin/scss/_dropdown-and-autocomplete.scss b/src/views/admin/scss/_dropdown-and-autocomplete.scss
index 9fbb6c20c..679dfd96e 100644
--- a/src/views/admin/scss/_dropdown-and-autocomplete.scss
+++ b/src/views/admin/scss/_dropdown-and-autocomplete.scss
@@ -100,18 +100,38 @@
 .taginput.is-expanded {
     width: 100%;
 }
-
+.input:focus,
+.textarea:focus,
+.taginput .taginput-container.is-focusable:focus,
+.select select:focus,
+.is-focused.input,
+.is-focused.textarea,
+.taginput .is-focused.taginput-container.is-focusable,
+.select select.is-focused,
+.input:active,
+.textarea:active,
+.taginput .taginput-container.is-focusable:active,
+.select select:active,
+.is-active.input,
+.is-active.textarea,
+.taginput .is-active.taginput-container.is-focusable,
+.select select.is-active {
+    box-shadow: none;
+}
 .taginput-container {
     padding: 0px !important;
     background-color: transparent !important;
 
     &:focus, &:active {
-        border: none !important;
+        border: 1px solid transparent !important;
     }
     .input { 
         margin-bottom: 0px !important; 
         text-overflow: ellipsis;
         background-color: var(--tainacan-input-background-color);
+        &:hover {
+            border: none !important;
+        }
     }
     .input.has-selected, .input:focus, .input:active {
         background-color: var(--tainacan-input-background-color);
diff --git a/src/views/admin/scss/_pagination.scss b/src/views/admin/scss/_pagination.scss
index 922e55ef8..053da4366 100644
--- a/src/views/admin/scss/_pagination.scss
+++ b/src/views/admin/scss/_pagination.scss
@@ -108,6 +108,7 @@
             color: var(--tainacan-secondary);
             border: none;
             align-items: inherit;
+            min-width: 1.75em;
         }
         .pagination-link:active {
             box-shadow: none;
diff --git a/src/views/admin/scss/_selects.scss b/src/views/admin/scss/_selects.scss
index 7f67423f9..77b6fa7f6 100644
--- a/src/views/admin/scss/_selects.scss
+++ b/src/views/admin/scss/_selects.scss
@@ -1,5 +1,6 @@
 .select {
     padding-top: 0px !important;
+    border-radius: 1px;
     
     &, 
     &:not(.is-multiple) {
@@ -15,7 +16,7 @@
         font-weight: normal;
         font-size: 0.875em !important;
         font-family: var(--tainacan-font-family, inherit);
-        line-height: 1.5em;
+        line-height: 1.75em !important;
         height: auto !important;
         padding: calc(0.375em - 1px) 20px calc(0.375em - 1px) 10px !important;
         margin-top: 0px !important;
diff --git a/src/views/admin/scss/_variables.scss b/src/views/admin/scss/_variables.scss
index 35891a3a1..cc1d6c04c 100644
--- a/src/views/admin/scss/_variables.scss
+++ b/src/views/admin/scss/_variables.scss
@@ -89,7 +89,7 @@ $black-invert: findColorInvert($black);
 $foreground-color: $black;
 $background-color: $white;
 
-@import "../../../../node_modules/bulma/sass/utilities/derived-variables.sass";
+@import "../../../../node_modules/bulma/sass/utilities/derived-variables.scss";
 
 // Setup $colors to use as bulma classes
 $colors: (
diff --git a/src/views/theme-search/pages/theme-items-page.vue b/src/views/theme-search/pages/theme-items-page.vue
index ffcfca822..18a722aeb 100644
--- a/src/views/theme-search/pages/theme-items-page.vue
+++ b/src/views/theme-search/pages/theme-items-page.vue
@@ -1334,6 +1334,7 @@
             .label {
                 color: var(--tainacan-label-color);
                 font-size: 0.875em;
+                line-height: 1.75em;
                 font-weight: normal;
                 margin-top: 2px;
                 margin-bottom: 2px;
diff --git a/src/views/theme-search/scss/theme-basics.sass b/src/views/theme-search/scss/theme-basics.sass
index aa303e24f..aa230898c 100644
--- a/src/views/theme-search/scss/theme-basics.sass
+++ b/src/views/theme-search/scss/theme-basics.sass
@@ -1,5 +1,5 @@
 @import "../../../../node_modules/bulma/sass/utilities/_all.sass"
-@import "../../../../node_modules/bulma/sass/base/helpers.sass"
+@import "../../../../node_modules/bulma/sass/helpers/_all.sass"
 @import "../../../../node_modules/bulma/sass/form/_all.sass"
 @import "../../../../node_modules/bulma/sass/components/pagination.sass"
 @import "../../../../node_modules/bulma/sass/elements/icon.sass"
diff --git a/src/views/theme-search/theme-search.vue b/src/views/theme-search/theme-search.vue
index 73bede60d..391383214 100644
--- a/src/views/theme-search/theme-search.vue
+++ b/src/views/theme-search/theme-search.vue
@@ -156,6 +156,7 @@ export default {
             @media screen and (min-width: 1366px) {
                 flex-wrap: nowrap !important;
                 height: auto !important;
+                align-items: stretch;
             }
         }