# Vega kibana tooltip

**URL:** https://discuss.elastic.co/t/vega-kibana-tooltip/327093
**Category:** Kibana
**Tags:** vega
**Created:** [March 6, 2023, 2:42pm UTC](https://discuss.elastic.co/t/vega-kibana-tooltip/327093 "2023-03-06T14:42:55Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Farah\_Bhr](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/farah_bhr/32/82537_2.png) [@Farah\_Bhr](https://discuss.elastic.co/u/Farah_Bhr)
#### Post date: [March 6, 2023, 2:42pm UTC](https://discuss.elastic.co/t/vega-kibana-tooltip/327093/1 "2023-03-06T14:42:55Z")

</div>

Hello everyone,  
I want to adjust kibana vega tooltip, make it smaller and modify its fontsize, its position, etc  
Meaning that I want to modify the styling of the vega Kibana tooltip from this  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/e/c/ec0d182d668938ef45efd66a6e8c9364f63739af.png)  
to something like this (the tooltip appearing in tsvb graphs)

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/f/3/f365be2f50d212d44b59ba25b2f86b929ea31f22.png)

Is there a way to do so?

---

<div class="post-metadata">

### Author: ![Farah\_Bhr](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/farah_bhr/32/82537_2.png) [@Farah\_Bhr](https://discuss.elastic.co/u/Farah_Bhr)
#### Post date: [March 8, 2023, 9:08am UTC](https://discuss.elastic.co/t/vega-kibana-tooltip/327093/2 "2023-03-08T09:08:45Z")

</div>

Any reply please?

---

<div class="post-metadata">

### Author: ![Marco\_Liberati](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marco_liberati/32/82953_2.png) [@Marco\_Liberati](https://discuss.elastic.co/u/Marco_Liberati)
#### Post date: [March 9, 2023, 11:12am UTC](https://discuss.elastic.co/t/vega-kibana-tooltip/327093/3 "2023-03-09T11:12:05Z")

</div>

@Farah_Bhr you have some customization power as the Vega implementation uses the Vega-tooltip plugin internally: [GitHub - vega/vega-tooltip: Tooltip Plugin for Vega-Lite](https://github.com/vega/vega-tooltip/)

Unfortunately it's not possible to define a custom HTML, so the customization is only possible on the text content rather than the full styling.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [April 6, 2023, 11:12am UTC](https://discuss.elastic.co/t/vega-kibana-tooltip/327093/4 "2023-04-06T11:12:19Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.