Material-style multiselect missing in v1.5.2?

I'm using the vue starter sample to work on my new App with material style. As usual, I've defined the theme by changing the HTML class on my index.html as usual:

<!DOCTYPE html>

<html lang="en" class="material-style">
  <head>
    <title>News</title>

    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="icon" type="image/x-icon" href="favicon.ico">

    <!-- Main font -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900" rel="stylesheet">

    <!-- Icons. Uncomment required icon fonts -->
    <link rel="stylesheet" href="<%= BASE_URL %>vendor/fonts/fontawesome.css">
    <link rel="stylesheet" href="<%= BASE_URL %>vendor/fonts/ionicons.css">
    <!-- <link rel="stylesheet" href="<%= BASE_URL %>vendor/fonts/linearicons.css"> -->
    <!-- <link rel="stylesheet" href="<%= BASE_URL %>vendor/fonts/open-iconic.css"> -->
    <!-- <link rel="stylesheet" href="<%= BASE_URL %>vendor/fonts/pe-icon-7-stroke.css"> -->

    <!-- Layout helpers -->
    <script src="<%= BASE_URL %>vendor/js/layout-helpers.js"></script>

    <!-- IE10 polyfills (remove if you don't plan to support IE10) -->
    <script>
      if (navigator.userAgent.match('MSIE 10.0;')) {
        document.write('<script src="https:\/\/cdn.polyfill.io\/v2\/polyfill.min.js?features=Intl.~locale.en"><\/script>');
      }
    </script>

  </head>
  <body>

    <div id="app"></div>

    <!-- built files will be auto injected -->
  </body>
</html>

In my App.vue I've imported the styles

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<!-- Components -->
<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>
<style src="@/vendor/libs/vue-multiselect/vue-multiselect.scss" lang="scss"></style>

<!-- Theme -->
<style src="@/vendor/styles/bootstrap-material.scss" lang="scss"></style>
<style src="@/vendor/styles/appwork-material.scss" lang="scss"></style>
<style src="@/vendor/styles/theme-corporate-material.scss" lang="scss"></style>
<style src="@/vendor/styles/colors-material.scss" lang="scss"></style>
<style src="@/vendor/styles/uikit.scss" lang="scss"></style>
<style src="./style.scss" lang="scss"></style>

<script>
export default {
    name: 'app',
    metaInfo: {
        title: 'Index',
        titleTemplate: '%s - Vue Starter'
    },
    updated () {
    // Remove loading state
        setTimeout(() => document.body.classList.remove('app-loading'), 1)
    }
}
</script>

But for some reason, the multiselect component shows the default style while the rest of the elements look as expected. I am missing something here? Did the css files location change since v1.4.0?

Screenshot from 2020-07-12 18-33-12

shentao / vue-multiselect

Material-style multiselect missing in v1.5.2? #1301