Невозможно получить написанные bootstrap классы для работы в gatsbyjs

Question

Мне было поручено преобразовать веб-сайт нашей компании, который был написан в laravel, в gatsby js. Я использовал те же классы bootstrap, чтобы поддерживать стилизацию сайта, однако даже после импорта bootstrap таким образом:

import "../../node_modules/bootstrap/dist/css/bootstrap.css"

Стиль не отражает вообще в браузере. Вот пример кода:

<navbar 
      id="header"  
      class="w-full fixed z-30 flex items-center justify-between flex-wrap bg-gray-900 p-6"
>
    <div 
      class="flex items-center flex-shrink-0 text-white mr-6"
    >
      <Link 
        class="toggleColour no-underline hover:no-underline font-bold text-2xl lg:text-4xl"
        to="/"
      >
        <img 
          class="h-6 md:h-10" 
          src={rubiksLogo} 
          alt="rubiXdigital" 
          title="rubiXdigital"
        />
      </Link> 
    </div>
...
</navbar>

Пожалуйста, пролите свет на то, что я могу делать неправильно