Tailwind DaisyUI — подсказка по стилю

Я использую Tailwind CSS и DaisyUI, но не использую никаких тем для своего приложения ReactJS. Все настройки CSS работают нормально, за исключением фона текста всплывающей подсказки (т. е. текста, отображаемого при наведении), который кажется прозрачным. Когда я пытаюсь установить стиль с помощью класса всплывающей подсказки, вместо этого изменяется значок, связанный с всплывающей подсказкой, а не сама всплывающая подсказка. Какой класс или другой селектор CSS я могу использовать для изменения стиля текста всплывающей подсказки?

-- Отредактировано для добавления дополнительной информации --

Проблема заключается в тексте всплывающей подсказки («Показано в списке»), как показано на изображении ниже.

Код:

<div className = "ah-input-title">Analysis Title
    <span className = "tooltip tooltip-bottom" data-tip = "Shown in the list">
    <InfoIcon alt = "Info"/>
    </span>
</div>

хвостовой ветер.config.js:

module.exports = {
    content: ["./src/**/*.{html,js,jsx}"],
    themes: [],
    theme: {
        fontFamily: {
            sans: ['Aeonik', 'sans-serif']
        }
    },
    plugins: [require("@tailwindcss/typography"), require("daisyui")],
    daisyui: {
        themes: [],
    },
}

В index.css верхняя часть имеет:

@tailwind base;
@tailwind components;
@tailwind utilities;

за которыми следуют определенные стили по мере необходимости. Например, ah-input-title определяется следующим образом:

.ah-input-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

Я пытался изменить .tooltip и связанные с ним классы .tooltip-*, но они влияют на текст заполнителя («Название анализа»), а не на саму подсказку («Показано в списке»). Все, что мне нужно, это селектор класса или CSS, чтобы текст всплывающей подсказки («Показан в списке») имел сплошной фон, а не прозрачный.