diff --git a/hiboo/user/templates/user_details.html b/hiboo/user/templates/user_details.html
index 3dba76807be00e9a3bead4ef4a049f12d06bd1a4..2c9baee28c327162a008e7706b80ddfa9f9a88e4 100644
--- a/hiboo/user/templates/user_details.html
+++ b/hiboo/user/templates/user_details.html
@@ -34,24 +34,28 @@
     {{ macros.timeline(user.history, public_only=False) }}
   </div>
   <div class="col-md-6 col-s-12">
-    <div class="box">
-      <div class="box-header">
+    <div class="card">
+      <div class="card-header">
         <h4>Profile list</h4>
       </div>
-      <div class="box-body table-responsive no-padding">
-        <table class="table table-hover">
-          <tr>
-            <th>{% trans %}Service{% endtrans %}</th>
-            <th>{% trans %}Username{% endtrans %}</th>
-            <th>{% trans %}Status{% endtrans %}</th>
-          </tr>
-          {% for profile in user.profiles %}
-          <tr>
-            <td><a href="{{ url_for("service.details", service_uuid=profile.service.uuid) }}">{{ profile.service.name }}</a></td>
-            <td><a href="{{ url_for("profile.details", profile_uuid=profile.uuid) }}">{{ profile.username }}</a></td>
-            <td>{{ macros.profile_status(profile) }}</td>
-          </tr>
-          {% endfor %}
+      <div class="card-body table-responsive p-0">
+        <table class="table table-striped table-hover text-nowrap">
+          <thead>
+            <tr>
+              <th>{% trans %}Service{% endtrans %}</th>
+              <th>{% trans %}Username{% endtrans %}</th>
+              <th>{% trans %}Status{% endtrans %}</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for profile in user.profiles %}
+            <tr>
+              <td><a href="{{ url_for("service.details", service_uuid=profile.service.uuid) }}">{{ profile.service.name }}</a></td>
+              <td><a href="{{ url_for("profile.details", profile_uuid=profile.uuid) }}">{{ profile.username }}</a></td>
+              <td>{{ macros.profile_status(profile) }}</td>
+            </tr>
+            {% endfor %}
+          </tbody>
         </table>
       </div>
     </div>