Make participation not allowed text size consistent

Not sure whether small or normal is better, but at least it's the same.

app/assets/stylesheets/participation.scss

@@ -108,6 +108,11 @@
   width: 100%;
   z-index: 2;
 
+  &,
+  p {
+    font-size: $small-font-size;
+  }
+
   p {
     color: inherit !important;
     margin: 0 rem-calc(12);
@@ -959,7 +964,6 @@
 
     .participation-not-allowed {
       background: $featured;
-      font-size: $small-font-size;
       padding-top: 0;
 
       a {

app/components/budgets/investments/ballot_component.html.erb

@@ -44,13 +44,11 @@
     <div tabindex="0">
       <div class="participation-not-allowed" style="display:none">
         <p>
-          <small>
           <%= sanitize(t("budgets.ballots.reasons_for_not_balloting.#{reason}",
                 verify_account: link_to_verify_account, signin: link_to_signin,
                 signup: link_to_signup, my_heading: link_to_my_heading,
                 change_ballot: link_to_change_ballot,
                 heading_link: heading_link(assigned_heading, budget))) %>
-          </small>
         </p>
       </div>
     </div>

app/components/budgets/investments/votes_component.html.erb

@@ -38,7 +38,6 @@
     <div tabindex="0">
       <div class="participation-not-allowed" style="display:none" aria-hidden="false">
         <p>
-          <small>
           <%= sanitize(t("votes.budget_investments.#{reason}",
                 count: investment.group.max_votable_headings,
                 verify_account: link_to_verify_account,
@@ -46,7 +45,6 @@
                 signup: link_to_signup,
                 supported_headings: (current_user && current_user.headings_voted_within_group(investment.group).map(&:name).sort.to_sentence)
                )) %>
-          </small>
         </p>
       </div>
     </div>