diff --git a/src/registrar/assets/sass/_theme/_base.scss b/src/registrar/assets/sass/_theme/_base.scss
index 6bd690188..fa1f0e210 100644
--- a/src/registrar/assets/sass/_theme/_base.scss
+++ b/src/registrar/assets/sass/_theme/_base.scss
@@ -135,3 +135,9 @@ abbr[title] {
   max-width: 350px;
   white-space: normal;
 }
+
+// USWDS has weird interactions with SVGs regarding tooltips,
+// and other components. In this event, we need to disable pointer interactions.
+.disable-pointer-events {
+  pointer-events: none;
+}
diff --git a/src/registrar/templates/home.html b/src/registrar/templates/home.html
index 9a1d550a4..566a2d102 100644
--- a/src/registrar/templates/home.html
+++ b/src/registrar/templates/home.html
@@ -68,7 +68,7 @@
                 title="{{domain.get_state_help_text}}"
                 focusable="true"
               >
-                <use xlink:href="{%static 'img/sprite.svg'%}#info_outline"></use>
+                <use class="disable-pointer-events" xlink:href="{%static 'img/sprite.svg'%}#info_outline"></use>
               </svg>
             </span>
           </td>