From 60d1c2f1ed76cf68bff7a0d972354c5396a9f200 Mon Sep 17 00:00:00 2001
From: zandercymatics <141044360+zandercymatics@users.noreply.github.com>
Date: Tue, 30 Jan 2024 14:53:46 -0700
Subject: [PATCH] CSS changes

---
 src/registrar/assets/sass/_theme/_buttons.scss | 8 ++++++++
 src/registrar/templates/home.html              | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/registrar/assets/sass/_theme/_buttons.scss b/src/registrar/assets/sass/_theme/_buttons.scss
index 02089ec6d..6aa2995fd 100644
--- a/src/registrar/assets/sass/_theme/_buttons.scss
+++ b/src/registrar/assets/sass/_theme/_buttons.scss
@@ -132,3 +132,11 @@ a.usa-button--unstyled:visited {
     margin-left: units(2);
   }
 }
+
+// TODO: find another file for this 
+.info-button span.usa-tooltip svg.usa-icon {
+  svg.usa-icon{
+    transform: translateY(2px) !important;
+    background: transparent;
+  }
+}
diff --git a/src/registrar/templates/home.html b/src/registrar/templates/home.html
index 1afb167cf..60aa1cd55 100644
--- a/src/registrar/templates/home.html
+++ b/src/registrar/templates/home.html
@@ -45,7 +45,7 @@
           </th>
           <td data-sort-value="{{ domain.expiration_date|date:"U" }}" data-label="Expires">{{ domain.expiration_date|date }}</td>
           <td data-label="Status">
-            <span class="usa-tooltip"
+            <span class="usa-tooltip info-button"
             data-position="top"
             title="{{domain.get_state_help_text}}"
             aria-ignore="true"