How to position popup?

Hi! With team we are trying plasmo and we are faced with quite simple issue. we used tailwing and for example for popup.tsx we had this: import React, { useState } from 'react'; import './style.css'; function IndexPopup() { const [data, setData] = useState(""); return ( <div style={{ all: "initial" }}> <div className={fixed bottom-7 right-0 z-50 p-6 font-sans}> <div className="shadow-lg rounded-md p-5 space-y-2 bg-black text-white"></div> Unfortunately, it didn't located on bottom right, but when I do not use tailwind but just simple css: <div style={{ position: 'fixed', bottom: '1.75rem', right: '0', zIndex: 50, padding: '1.5rem', fontFamily: 'sans-serif' }}> Then I got a strange box(attached img) Thank you for your insights!