From 41ef4e3ac0d86a1166ba3309ff24c4372e1ff3c0 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Tue, 16 Apr 2024 10:43:06 -0400
Subject: [PATCH] [Small released styling bugs] Fleet UI: Fix last activity's
 styling (#18279)

---
 changes/18060-host-activity-styling-bugs                     | 1 +
 .../cards/ActivityFeed/ActivityItem/_styles.scss             | 2 +-
 .../details/cards/Activity/HostActivityItem/_styles.scss     | 5 ++---
 .../Activity/UpcomingActivityFeed/UpcomingActivityFeed.tsx   | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)
 create mode 100644 changes/18060-host-activity-styling-bugs

diff --git a/changes/18060-host-activity-styling-bugs b/changes/18060-host-activity-styling-bugs
new file mode 100644
index 0000000000..fb157bbbaf
--- /dev/null
+++ b/changes/18060-host-activity-styling-bugs
@@ -0,0 +1 @@
+- Styling bug fixes of host details page activities (Remove trailing dash line from last activity, Re-instate padding below last activity)
diff --git a/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/_styles.scss b/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/_styles.scss
index 57438f0c7e..d701c91ad5 100644
--- a/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/_styles.scss
+++ b/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/_styles.scss
@@ -57,7 +57,7 @@
     .activity-item__dash {
       border-right: none;
     }
-    .activity-item__details {
+    .activity-details {
       padding-bottom: $pad-xxlarge;
     }
   }
diff --git a/frontend/pages/hosts/details/cards/Activity/HostActivityItem/_styles.scss b/frontend/pages/hosts/details/cards/Activity/HostActivityItem/_styles.scss
index cfb2fcd282..d6048006a1 100644
--- a/frontend/pages/hosts/details/cards/Activity/HostActivityItem/_styles.scss
+++ b/frontend/pages/hosts/details/cards/Activity/HostActivityItem/_styles.scss
@@ -54,13 +54,12 @@
   }
 
   &:last-child {
-    .past-activity__dash {
+    .host-activity-item__dash {
       border-right: none;
     }
 
-    .past-activity__details {
+    .host-activity-item__details-wrapper {
       padding-bottom: $pad-xxlarge;
     }
   }
-
 }
diff --git a/frontend/pages/hosts/details/cards/Activity/UpcomingActivityFeed/UpcomingActivityFeed.tsx b/frontend/pages/hosts/details/cards/Activity/UpcomingActivityFeed/UpcomingActivityFeed.tsx
index 94f1d547cd..c73b4b28e2 100644
--- a/frontend/pages/hosts/details/cards/Activity/UpcomingActivityFeed/UpcomingActivityFeed.tsx
+++ b/frontend/pages/hosts/details/cards/Activity/UpcomingActivityFeed/UpcomingActivityFeed.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { IActivity, IActivityDetails } from "interfaces/activity";
+import { IActivity } from "interfaces/activity";
 import { IActivitiesResponse } from "services/entities/activities";
 
 // @ts-ignore