Remove the gray border above the arrow for Bootstrap tooltip

Question

Does anyone know why this thin border appears on ALL my Bootstrap tooltips? I have searched and searched and cannot find anyone else who seems to experience this. The border is there in all of our MVC projects, and we have not altered the Bootstrap CSS in any way. We are using Bootstrap 3.3.7. The image shows the thin border above the stem/arrow. Thanks!

Answer 1

Change Css Of below classes which is use for tooltip in bootstrap.

.tooltip.top .tooltip-arrow,
.tooltip-inner {
    border:none;
    box-shadow:none;
    outline:none;
}