From 5dd1676d74100feb0db98686447a7750609e7661 Mon Sep 17 00:00:00 2001
From: Jacob Shandling <61553566+jacobshandling@users.noreply.github.com>
Date: Fri, 10 Nov 2023 09:37:08 -0800
Subject: [PATCH] =?UTF-8?q?UI=20=E2=80=93=20Fix=20responsive=20layout=20bu?=
 =?UTF-8?q?gs=20dashboard=20page=20(#15080)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Addresses 👇
![Screenshot 2023-11-09 at 5 22
53 PM](https://github.com/fleetdm/fleet/assets/61553566/dad58d11-347c-4f01-af58-3bfca8487cd5)

## Fixed 👇
![Screenshot 2023-11-09 at 5 38
23 PM](https://github.com/fleetdm/fleet/assets/61553566/7b3d76e6-f726-4fc8-8281-10a350ee006d)

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
---
 .../cards/HostsSummary/SummaryTile/_styles.scss             | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/_styles.scss b/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/_styles.scss
index ce83b54113..e9bb7f4921 100644
--- a/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/_styles.scss
+++ b/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/_styles.scss
@@ -13,6 +13,7 @@
   &__tile {
     display: flex;
     align-items: center;
+    gap: px-to-rem(12);
     text-align: left;
     padding: $pad-medium;
     height: fit-content;
@@ -23,7 +24,6 @@
   }
 
   &__tile-icon {
-    margin-right: px-to-rem(12);
     white-space: nowrap;
   }
 
@@ -36,7 +36,6 @@
     height: px-to-rem(48);
     border-radius: 100%;
     background: $ui-vibrant-blue-10;
-    margin-right: px-to-rem(12);
 
     .icon {
       margin-left: 0 !important;
@@ -86,6 +85,9 @@
       text-align: center;
       flex-direction: column;
       gap: 0.75rem;
+      .component__tooltip-wrapper__tip-text {
+        text-align: initial;
+      }
     }
 
     &__tile-icon {