feat(tooltip): update displays

Author: didimmova

projects/igniteui-angular/src/lib/core/styles/components/tooltip/_tooltip-theme.scss

@@ -79,7 +79,7 @@
     $color-border: rem(4px) solid var-get($theme, 'background');
 
     %tooltip-display {
-        display: inline-flex;
+        display: flex;
         align-items: flex-start;
         text-align: start;
         background: var-get($theme, 'background');
@@ -95,6 +95,10 @@
         igx-icon {
             --component-size: 1;
         }
+
+        igx-tooltip-close-button {
+            display: flex;
+        }
     }
 
     %arrow--top {

projects/igniteui-angular/src/lib/directives/tooltip/tooltip-close-button.component.ts

@@ -21,9 +21,6 @@ export class IgxTooltipCloseButtonComponent {
     @Output()
     public clicked = new EventEmitter<void>();
 
-    @HostBinding('class')
-    private _defaultClass = 'igx-tooltip-close-button';
-
     @HostListener('click')
     public handleClick() {
         this.clicked.emit();