# Kibana Navbar logo customization

**URL:** https://discuss.elastic.co/t/kibana-navbar-logo-customization/274447
**Category:** Kibana
**Created:** [May 31, 2021, 3:59am UTC](https://discuss.elastic.co/t/kibana-navbar-logo-customization/274447 "2021-05-31T03:59:50Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Long\_Nguyen](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/long_nguyen/32/87276_2.png) [@Long\_Nguyen](https://discuss.elastic.co/u/Long_Nguyen)
#### Post date: [May 31, 2021, 3:59am UTC](https://discuss.elastic.co/t/kibana-navbar-logo-customization/274447/1 "2021-05-31T03:59:50Z")

</div>

I was trying to change the Navbar logo of Kibana using this guide [Custom Logo Kibana 7.10.0 (guide)](https://discuss.elastic.co/t/custom-logo-kibana-7-10-0-guide/257686)  
I'm wondering if my logo is larger, is there any way to modify the size of the flex box in order to show my logo more clearly?  
Thank you in advance!

---

<div class="post-metadata">

### Author: ![ManuelF](https://avatars.discourse-cdn.com/v4/letter/m/e99b99/32.png) [@ManuelF](https://discuss.elastic.co/u/ManuelF)
#### Post date: [June 2, 2021, 1:27pm UTC](https://discuss.elastic.co/t/kibana-navbar-logo-customization/274447/2 "2021-06-02T13:27:46Z")

</div>

Hi @Long_Nguyen ,

I would recommend to reduce your own logo, rather than dealing with the flex box settings. I think it would be more easy that way, as described in the Note 3. If this is not an option, then you will have to do your own research and find the portion of code that you need to edit for the flex box, as I did not for my tutorial. Sorry, I wish I could do more to help you:

**Note 3:** This is a recommendation for the custom image that you will use to replace the logos. The smaller the `base64` or `SVG` image file, the easier it will be for Kibana to process the file you are modifying. I recommend a size no larger than `100px` . So first, reduce the original image file to `100px` , then convert it to `base64` (or `SVG` ) and you will see that the generated code is much smaller.

I hope this can help you.  
Good luck!

---

<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: [June 30, 2021, 1:28pm UTC](https://discuss.elastic.co/t/kibana-navbar-logo-customization/274447/3 "2021-06-30T13:28:27Z")

</div>

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