diff --git a/examples/questionnaire/branding.css b/examples/questionnaire/branding.css
index d2b19b8d..d1af7698 100644
--- a/examples/questionnaire/branding.css
+++ b/examples/questionnaire/branding.css
@@ -37,6 +37,7 @@ header svg.logo{
 .v-form input[type=tel],
 .v-form input[type=email],
 .v-form input[type=url],
+.v-form input[type=password],
 .v-form textarea,
 .v-form span.faux-form {
   border-bottom-color: var(--secondary-text-color);
@@ -168,7 +169,7 @@ span.f-answered{
 }
 
 /*text-muted*/
-span.f-title,
+span.f-tagline,
 span.f-sub,
 p.description,
 .text-muted {
diff --git a/examples/quiz/Example.vue b/examples/quiz/Example.vue
index 8a962e14..8bb22f67 100644
--- a/examples/quiz/Example.vue
+++ b/examples/quiz/Example.vue
@@ -329,7 +329,7 @@
 </script>
 
 <style lang="css">
-  @import './branding.css';
+  @import '../../src/assets/css/themes/purple-theme.css';
   /* If using the npm package, use the following lines instead of the one above */
   /* @import '~@ditdot-dev/vue-flow-form/dist/vue-flow-form.css'; */
   /* @import '~@ditdot-dev/vue-flow-form/dist/vue-flow-form.theme.css'; */
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index d20a0391..7b1ba13f 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -367,14 +367,14 @@ h3,
 }
 
 /*misc-typography*/
-span.f-title,
+span.f-tagline,
 span.f-sub {
   font-weight: 400;
   display: block;
   font-size: 1.222rem;
 }
 
-span.f-title,
+span.f-tagline,
 span.f-text {
   margin-bottom: 8px;
 }
@@ -623,12 +623,12 @@ a.f-disabled {
     width: 12px;
   }
 
-  span.f-title,
+  span.f-tagline,
   span.f-sub {
     font-size: 1.1rem;
   }
 
-  span.f-title {
+  span.f-tagline {
     line-height: 1.6;
   }
 
diff --git a/src/assets/css/themes/green-theme.css b/src/assets/css/themes/green-theme.css
index 71476c60..c29e299b 100644
--- a/src/assets/css/themes/green-theme.css
+++ b/src/assets/css/themes/green-theme.css
@@ -54,6 +54,7 @@ header svg.logo {
 .v-form input[type=tel],
 .v-form input[type=email],
 .v-form input[type=url],
+.v-form input[type=password],
 .v-form textarea,
 .v-form span.faux-form {
   border-bottom-color: var(--secondary-text-color);
@@ -156,7 +157,7 @@ span.f-answered{
 }
 
 /*text-muted*/
-span.f-title,
+span.f-tagline,
 span.f-sub,
 p.description,
 .text-muted {
diff --git a/examples/quiz/branding.css b/src/assets/css/themes/purple-theme.css
similarity index 99%
rename from examples/quiz/branding.css
rename to src/assets/css/themes/purple-theme.css
index c68f5f00..a7915716 100644
--- a/examples/quiz/branding.css
+++ b/src/assets/css/themes/purple-theme.css
@@ -57,6 +57,7 @@ header svg.logo{
 .v-form input[type=tel],
 .v-form input[type=email],
 .v-form input[type=url],
+.v-form input[type=password],
 .v-form textarea,
 .v-form span.faux-form {
   border-bottom-color: var(--secondary-text-color);
@@ -189,7 +190,7 @@ span.f-answered{
 }
 
 /*text-muted*/
-span.f-title,
+span.f-tagline,
 span.f-sub,
 p.description,
 .text-muted {
diff --git a/src/components/Question.vue b/src/components/Question.vue
index bd23b9bc..eaac9d98 100644
--- a/src/components/Question.vue
+++ b/src/components/Question.vue
@@ -5,7 +5,7 @@
     <div class="q-inner" ref="qinner">
       <div v-bind:class="{'section-wrap': question.type === QuestionType.SectionBreak}">
         <div v-bind:class="{'fh2': question.type !== QuestionType.SectionBreak}">
-          <span class="f-title" v-if="question.tagline">{{ question.tagline }}</span>
+          <span class="f-tagline" v-if="question.tagline">{{ question.tagline }}</span>
 
           <template v-if="question.title">
             <span class="fh2" v-if="question.type === QuestionType.SectionBreak">{{ question.title }}</span>