Adjust tooltips for accessibility

styles/elements/_inputs.scss

@@ -80,6 +80,17 @@
     }
   }
 
+  .usa-input__title {
+    display: flex;
+    align-items: center;
+
+    .icon-tooltip {
+      padding: 0 $gap/2;
+      cursor: default;
+      margin-left: $gap/2;
+    }
+  }
+
   .usa-input__help {
     @include h4;
     font-weight: normal;
@@ -87,16 +98,7 @@
     @include line-max;
 
     .icon-link {
-      padding: $gap/2;
-    }
-  }
-
-  .icon-tooltip .icon {
-    @include icon-color($color-blue);
-
-    &:hover {
-      @include icon-color($color-aqua);
-      cursor: pointer;
+      padding: 0 $gap/2;
     }
   }
 
@@ -116,10 +118,6 @@
         font-weight: $font-bold;
       }
 
-      .icon {
-        vertical-align: middle;
-      }
-
     }
 
     ul {

styles/elements/_tooltip.scss

@@ -7,7 +7,7 @@
     background: $color-black;
     color: $color-white;
     border-radius: $border-radius;
-    padding: 5px 10px 4px;
+    padding: $gap*2;
   }
 
   .tooltip-arrow {
@@ -109,6 +109,11 @@
   }
 }
 
-.tooltip-wrapper {
-  // display: none;
+
+.icon-tooltip {
+  @include icon-link;
+
+  .icon {
+    @include icon-size(16);
+  }
 }