vue scss scope не работает для корневого элемента

Question

У меня есть компонент с b-модалом в корневом элементе.

<template>
  <b-modal ref="mymodal" modal-class="my-modal">

в scss Я определяю некоторый запас

<style lang="scss">
  .my-modal {
    margin-top: 100px;

Это работает, как и ожидалось, но если яscope my scss

<style lang="scss" scoped>
  .my-modal {
    margin-top: 100px;

это не работает, к дочерним элементам применены все css, но корневой элемент не работает.