diff --git a/README.md b/README.md
index 4931215..4994e1c 100644
--- a/README.md
+++ b/README.md
@@ -36,6 +36,11 @@ In order to use the image assets and svg icons included in this package you need
 The svg icons also needs to be converted into a [svg-sprite](https://css-tricks.com/svg-sprites-use-better-icon-fonts/) using [svgstore](https://github.com/svgstore/svgstore) or similar tool.
 
 ### Changelog
+v6.7.0
+- Added new class `.form-tooltip`, `form-tooltip-text` 
+- Added svg `line-vector-export` and `line-vector-help` followed naming convention.
+- Removed svg `vector`
+
 v6.6.0
 - Added media query `@media (forced-colors: active)` for `.form-control:focus`
 - Added new class `.required:after`
diff --git a/assets/svg/icons/line-vector-export.svg b/assets/svg/icons/line-vector-export.svg
new file mode 100644
index 0000000..4424318
--- /dev/null
+++ b/assets/svg/icons/line-vector-export.svg
@@ -0,0 +1,4 @@
+<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 4V12H9V7H10V13H0V3H6V4H1Z" fill="#008542"/>
+<path d="M7 1H11.2929L3.64645 8.64645L4.35356 9.35356L12 1.70712V6H13V0H7V1Z" fill="#008542"/>
+</svg>
diff --git a/assets/svg/icons/line-vector-help.svg b/assets/svg/icons/line-vector-help.svg
new file mode 100644
index 0000000..3345a84
--- /dev/null
+++ b/assets/svg/icons/line-vector-help.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.47559 10.3721V10.1372C7.47559 9.896 7.4904 9.67806 7.52002 9.4834C7.55387 9.28874 7.611 9.10677 7.69141 8.9375C7.77604 8.76823 7.88818 8.60319 8.02783 8.44238C8.16748 8.27734 8.3431 8.10596 8.55469 7.92822C8.75781 7.75472 8.93132 7.59814 9.0752 7.4585C9.21908 7.31462 9.33545 7.17074 9.42432 7.02686C9.51742 6.87874 9.58512 6.72217 9.62744 6.55713C9.67399 6.38786 9.69727 6.19108 9.69727 5.9668C9.69727 5.76367 9.66553 5.57959 9.60205 5.41455C9.53857 5.24528 9.44548 5.1014 9.32275 4.98291C9.20426 4.86019 9.05404 4.76709 8.87207 4.70361C8.69434 4.6359 8.48698 4.60205 8.25 4.60205C7.89876 4.60205 7.56445 4.65706 7.24707 4.76709C6.92969 4.87712 6.62288 5.00407 6.32666 5.14795L5.92676 4.22754C6.26953 4.0498 6.63981 3.89958 7.0376 3.77686C7.43538 3.6499 7.83952 3.58643 8.25 3.58643C8.64355 3.58643 8.99691 3.64144 9.31006 3.75146C9.62744 3.85726 9.89616 4.01172 10.1162 4.21484C10.3363 4.41797 10.5055 4.66764 10.624 4.96387C10.7425 5.25586 10.8018 5.58594 10.8018 5.9541C10.8018 6.23763 10.7721 6.49154 10.7129 6.71582C10.6579 6.93587 10.5732 7.14111 10.459 7.33154C10.3447 7.52197 10.203 7.70605 10.0337 7.88379C9.86442 8.06152 9.66553 8.24984 9.43701 8.44873C9.21696 8.63916 9.03711 8.80631 8.89746 8.9502C8.75781 9.08984 8.64779 9.22738 8.56738 9.36279C8.48698 9.49398 8.43197 9.62939 8.40234 9.76904C8.37272 9.90869 8.35791 10.0716 8.35791 10.2578V10.3721H7.47559ZM7.1709 12.2954C7.1709 12.1346 7.19206 11.9992 7.23438 11.8892C7.27669 11.7749 7.33382 11.6839 7.40576 11.6162C7.4777 11.5443 7.56234 11.4935 7.65967 11.4639C7.757 11.43 7.86279 11.4131 7.97705 11.4131C8.08708 11.4131 8.19076 11.43 8.28809 11.4639C8.38965 11.4935 8.4764 11.5443 8.54834 11.6162C8.62028 11.6839 8.67741 11.7749 8.71973 11.8892C8.76204 11.9992 8.7832 12.1346 8.7832 12.2954C8.7832 12.452 8.76204 12.5874 8.71973 12.7017C8.67741 12.8117 8.62028 12.9027 8.54834 12.9746C8.4764 13.0465 8.38965 13.0994 8.28809 13.1333C8.19076 13.1672 8.08708 13.1841 7.97705 13.1841C7.86279 13.1841 7.757 13.1672 7.65967 13.1333C7.56234 13.0994 7.4777 13.0465 7.40576 12.9746C7.33382 12.9027 7.27669 12.8117 7.23438 12.7017C7.19206 12.5874 7.1709 12.452 7.1709 12.2954Z" fill="#008542"/>
+<circle cx="8" cy="8" r="7.5" stroke="#008542"/>
+</svg>
diff --git a/assets/svg/icons/vector.svg b/assets/svg/icons/vector.svg
deleted file mode 100644
index e31089d..0000000
--- a/assets/svg/icons/vector.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg viewBox="0 0 13 13" width="13" height="13" xmlns="http://www.w3.org/2000/svg" fill="none">
-  <symbol id="vector" viewBox="0 0 13 13" width="13" height="13">
-  </symbol>
- <path d="M1 4V12H9V7H10V13H0V3H6V4H1Z" fill="#008542"/>
-<path d="M7 1H11.2929L3.64645 8.64645L4.35356 9.35356L12 1.70712V6H13V0H7V1Z" fill="#008542"/>
-</svg>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 9dfc600..9587711 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@mojang/web-theme-bootstrap",
-  "version": "6.5.0",
+  "version": "6.7.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index b5e4842..ade3577 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mojang/web-theme-bootstrap",
-  "version": "6.6.0",
+  "version": "6.7.0",
   "description": "Contains the theme used on minecraft.net based on Boostrap 4",
   "repository": {
     "type": "git",
diff --git a/scss/components/_forms.scss b/scss/components/_forms.scss
index 0ad2663..051c12c 100644
--- a/scss/components/_forms.scss
+++ b/scss/components/_forms.scss
@@ -30,6 +30,39 @@ $label-color: $scorpion;
   color: $red;
 }
 
+.form-tooltip {
+  position: relative;
+  display: inline-block;
+}
+
+.form-tooltip .form-tooltip-text {
+  visibility: hidden;
+  background-color: #F8F5F4;
+  color: #000000;
+  border-radius: 8px;
+  padding: 8px;
+  position: absolute;
+  width: 336px;
+  transform: translate(-50%, 32%);
+  z-index:1;
+  font-size:14px;
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+}
+
+.form-tooltip .form-tooltip-text::after {
+  content: "";
+  position: absolute;
+  bottom: 100%;
+  right: 50%;
+  border-width:8.66px;
+  border-style: solid;
+  border-color: transparent transparent #F8F5F4 transparent;
+}
+
+.form-tooltip:hover .form-tooltip-text {
+  visibility: visible;
+}
+
 label {
   color: $label-color;
   font-size: 14px;