ya xyi znaet che pisat, zaebalsya pridymivat

src/renderer/components/TopBar.tsx

@@ -5,7 +5,7 @@ import ArrowBackRoundedIcon from '@mui/icons-material/ArrowBackRounded';
 import { useEffect, useState } from 'react';
 import { Tooltip } from '@mui/material';
 import { fetchCoins } from '../api';
-
+import CustomTooltip from './CustomTooltip';
 declare global {
   interface Window {
     electron: {
@@ -276,9 +276,11 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
       >
         {/* Кнопка регистрации, если на странице логина */}
         {username && (
-          <Tooltip
+          <CustomTooltip
             title="Попы — внутриигровая валюта, начисляемая за время игры на серверах."
             arrow
+            placement="bottom"
+            TransitionProps={{ timeout: 300 }}
           >
             <Box
               sx={{
@@ -313,7 +315,7 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
                 {coins}
               </Typography>
             </Box>
-          </Tooltip>
+          </CustomTooltip>
         )}
         {isLoginPage && (
           <Button