From a19f1a01caed82f9bcfbd281f713037d9f2bf82f Mon Sep 17 00:00:00 2001
From: nahbee10 <nahee@sanctuary.computer>
Date: Wed, 13 Nov 2024 17:24:26 -0500
Subject: [PATCH] add sentiment track block

---
 src/components/SentimentTracking/index.tsx | 2 +-
 src/css/custom.css                         | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/SentimentTracking/index.tsx b/src/components/SentimentTracking/index.tsx
index c019226e3..fd91ae9bf 100644
--- a/src/components/SentimentTracking/index.tsx
+++ b/src/components/SentimentTracking/index.tsx
@@ -19,7 +19,7 @@ export default function SentimentTracking({ analyticsSection }: { analyticsSecti
 
   return (
     <div>
-      <div>Helpful?</div>
+      <div className="Sentiment__question">Was this helpful?</div>
       <TraceEvent
         element={DocsSentiment.POSITIVE_SENTIMENT}
         name={SharedEventName.SENTIMENT_SUBMITTED}
diff --git a/src/css/custom.css b/src/css/custom.css
index 7fa0a2da5..a00946ec0 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -71,15 +71,18 @@
   }
 }
 .pagination-nav__link {
-  @apply !flex !flex-col !space-y-1 bg-light-accent-2 dark:bg-dark-accent-2 text-light-accent-1 dark:text-dark-accent-1 !rounded-lg !p-4 !border-0 !min-h-fit !h-auto;
+  @apply !flex !flex-col !space-y-1 bg-light-accent-2 dark:bg-dark-accent-2 hover:bg-light-accent-2-hovered hover:dark:bg-dark-accent-2-hovered text-light-accent-1 dark:text-dark-accent-1 !rounded-lg !p-4 !border-0 !min-h-fit !h-auto;
 }
 .pagination-nav__sublabel {
   @apply text-light-accent-1 dark:text-dark-accent-1 !body-4;
 }
 .pagination-nav__label {
-  @apply !subheading-2;
+  @apply !subheading-2 !text-light-accent-1 dark:!text-dark-accent-1;
 }
 .pagination-nav__label::before,
 .pagination-nav__label::after {
   @apply !content-none;
 }
+.Sentiment__question {
+  @apply !mono-body-5;
+}