Align carets on the right

app/templates/users/edit_profile.html.j2

@@ -19,7 +19,7 @@
     <div class="col s8" style="margin-top: 22.8px;">
       <ul class="collapsible">
         <li>
-          <div class="collapsible-header">
+          <div class="collapsible-header" style="justify-content: space-between;">
             <span>User Settings</span>
             <i class="caret material-icons right">keyboard_arrow_right</i>
           </div>
@@ -39,7 +39,7 @@
           </div>
         </li>
         <li>
-          <div class="collapsible-header"><span>Privacy Settings</span><i class="material-icons caret right">keyboard_arrow_right</i></div>
+          <div class="collapsible-header" style="justify-content: space-between;"><span>Privacy Settings</span><i class="material-icons caret right">keyboard_arrow_right</i></div>
           <div class="collapsible-body">
             <form method="POST">
               {{ edit_privacy_settings_form.hidden_tag() }}
@@ -61,7 +61,7 @@
           </div>
         </li>
         <li>
-          <div class="collapsible-header"><span>Public Profile</span><i class="material-icons caret right">keyboard_arrow_right</i></div>
+          <div class="collapsible-header" style="justify-content: space-between;"><span>Public Profile</span><i class="material-icons caret right">keyboard_arrow_right</i></div>
           <div class="collapsible-body">
             <form method="POST" enctype="multipart/form-data">
               {{ edit_public_profile_information_form.hidden_tag() }}