diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss
index 06c3a1cf1..701482e9e 100644
--- a/scss/components/_tooltip.scss
+++ b/scss/components/_tooltip.scss
@@ -68,7 +68,8 @@
 
     .#{$ns}Tooltip-arrow::before,
     .#{$ns}Tooltip-arrow::after {
-      border-width: ($Tooltip-arrow-width / 2) $Tooltip-arrow-height ($Tooltip-arrow-width / 2) 0;
+      border-width: ($Tooltip-arrow-width / 2) $Tooltip-arrow-height
+        ($Tooltip-arrow-width / 2) 0;
     }
 
     .#{$ns}Tooltip-arrow::before {
@@ -91,7 +92,8 @@
 
     .#{$ns}Tooltip-arrow::before,
     .#{$ns}Tooltip-arrow::after {
-      border-width: 0 ($Tooltip-arrow-width / 2) $Tooltip-arrow-height ($Tooltip-arrow-width / 2);
+      border-width: 0 ($Tooltip-arrow-width / 2) $Tooltip-arrow-height
+        ($Tooltip-arrow-width / 2);
     }
 
     .#{$ns}Tooltip-arrow::before {
@@ -131,7 +133,8 @@
 
     .#{$ns}Tooltip-arrow::before,
     .#{$ns}Tooltip-arrow::after {
-      border-width: ($Tooltip-arrow-width / 2) 0 ($Tooltip-arrow-width / 2) $Tooltip-arrow-height;
+      border-width: ($Tooltip-arrow-width / 2) 0 ($Tooltip-arrow-width / 2)
+        $Tooltip-arrow-height;
     }
 
     .#{$ns}Tooltip-arrow::before {
@@ -188,6 +191,7 @@
     text-align: left;
     white-space: normal;
     width: max-content;
+    box-sizing: content-box;
     max-width: 300px;
     background: $Tooltip--attr-bg;
     border: $Tooltip--attr-borderWidth solid $Tooltip--attr-borderColor;
@@ -200,7 +204,7 @@
     animation-duration: 0.2s;
     animation-fill-mode: both;
 
-    @media screen and (min-width:0\0) {
+    @media screen and (min-width: 0\0) {
       white-space: nowrap;
       max-width: unset;
     }
@@ -252,4 +256,4 @@
     content: '';
     display: none !important;
   }
-}
\ No newline at end of file
+}