How to remove the box that appears when I hover over it?

Hello, I would like help with an issue I'm experiencing. I created a calendar with the months, and when I hover over a square, a box with the code I used appears. If someone could help me remove this or optimize my code, I would appreciate it. I'll leave the image and the code below.

Animated Calendar v1 =
VAR vForm_fds_bg =
SWITCH(
TRUE(),
SELECTEDVALUE(Fato[Program]) = "BBP - Overstock","#919191",
SELECTEDVALUE(Fato[Program]) = "Zero Rate - Banco John Deere" &&
SELECTEDVALUE(Fato[Program]) = " " && SELECTEDVALUE(Fato[Month]) = "November","#FFFFFF",
"#F2A900"
)
RETURN
"
data:image/svg+xml;utf8,
<svg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'>
<defs>
<style>
:root {
--font: calibri;
--txt_day_size: 50;
--txt_day_color: "";
--txt_labels_size: 27;
--txt_labels_color: #000;
--bg_background: " & vForm_fds_bg & ";
--bg_border_color: ;
}
</style>
</defs>
<rect id='background' x='4' y='4' width='192' height='192' fill='var(--bg_background)' stroke='var(--bg_border_color)' stroke-width='8' rx='5' />
</svg>
"

I have already tried to edit the tooltip, but it didn't change anything.