diff --git a/data/templates/tools.html b/data/templates/tools.html
index a5ff421..88009d1 100644
--- a/data/templates/tools.html
+++ b/data/templates/tools.html
@@ -1,77 +1,77 @@
 {% extends "base.html" %}
 {% import "inc/utils.html" as utils %}
 
 {% block title %}{{ 'tools-title'|message }} - {{ parent() }}{% endblock %}
 
 {% block nav_li_tools %}active{% endblock %}
 
 {% block content %}
 <ol class="breadcrumb">
   <li class="breadcrumb-item"><a href="{{ urlFor('splash') }}">{{ 'nav-home'|message }}</a></li>
   <li class="breadcrumb-item active">{{ 'nav-tools'|message }}</li>
 </ol>
 
 <h1>{{ 'tools-header'|message }}</h1>
 
-<div class="card-group">
+<div class="card-deck">
   {% for tool in tools %}
   {% for info in tool.toolinfo %}
   <div class="card toolinfo">
     <div class="card-body">
       <h4 class="card-title">
         {% if info.url %}
         <a href="{{ info.url }}">{{ info.title|default(tool.name) }}</a>
         {% elseif tool.toolinfo|length == 1 and active[tool.name] %}
         <a href="/{{ tool.name }}/">{{ tool.name }}</a>
         {% else %}
         {{ info.title|default(tool.name) }}
         {% endif %}
       </h4>
       <h6 class="card-subtitle mb-2 text-muted">
         Tool: <a href="{{ urlFor('tool', {'name': tool.name}) }}">{{ tool.name }}</a>
       </h6>
       <div class="card-text">{{ info.description|purify }}</div>
       {% if info.keywords %}
       <div class="card-text">
         {% for word in info.keywords %}
         <span class="keyword">{{ word }}</span>
         {% endfor %}
       </div>
       {% endif %}
       <dl class="row small">
         {% if info.author %}
         <dt class="col-md-4">Author</dt>
         <dd class="col-md-8 pl-0">
           <ul class="list-inline">
             {% for author in info.author %}
             <li class="list-inline-item">{{ author|purify }}</li>
             {% endfor %}
           </ul>
         </dd>
         {% endif %}
         {% if info.repository %}
         <dt class="col-md-4">Source</dt>
         <dd class="col-md-8 pl-0">
           <a href="{{ info.repository }}">{{ info.repository }}</a>
         </dd>
         {% endif %}
         <dt class="col-md-4">Maintainer</dt>
         <dd class="col-md-8 pl-0">
           <ul class="list-inline">
             {% for maintainer in tool.maintainers %}
             {% if users[maintainer] %}
             {% set wiki_user = users[maintainer].wikitech %}
             <li class="list-inline-item">
               <a href="https://wikitech.wikimedia.org/wiki/User:{{ utils.as_title(wiki_user) }}">{{ utils.ucfirst(wiki_user) }}</a>
             </li>
             {% endif %}
             {% endfor %}
           </ul>
         </dd>
       </dl>
     </div>
   </div>
   {% endfor %}
   {% endfor %}
 </div>
 {% endblock content %}
diff --git a/public/assets/site.css b/public/assets/site.css
index bbe3558..a242b0b 100644
--- a/public/assets/site.css
+++ b/public/assets/site.css
@@ -1,66 +1,67 @@
 h2 {
   border-bottom: 2px solid #292b2c;
 }
 .seealso {
   border-bottom:1px solid #ccc;
   color:#555;
   font-style:italic;
   margin-bottom:.5em;
   padding:0 0 .5em 0;
 }
 
-.card-group .toolinfo {
+.card-deck .toolinfo {
   min-width:300px;
+  margin:5px;
 }
 .toolinfo .card-body {
   padding-top:0.25em;
   padding-bottom:0;
 }
 .toolinfo .list-inline {
   margin-bottom:0;
 }
 
 .keyword {
   background-color:#fdf3da;
   border-radius:3px;
   border:1px solid #e9dbcd;
   color:#726f56;
   font-size:75%;
   line-height:1;
   padding:.2em .6em;
   white-space:nowrap;
 }
 
 .tablesort th[role=columnheader]:not(.no-sort) {
   cursor: pointer;
 }
 
 .tablesort th[role=columnheader]:not(.no-sort):after {
   content: '';
   float: right;
   margin-top: 7px;
   border-width: 0 4px 4px;
   border-style: solid;
   border-color: #404040 transparent;
   visibility: hidden;
   opacity: 0;
   -ms-user-select: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
 }
 
 .tablesort th[aria-sort=ascending]:not(.no-sort):after {
   border-bottom: none;
   border-width: 4px 4px 0;
 }
 
 .tablesort th[aria-sort]:not(.no-sort):after {
   visibility: visible;
   opacity: 0.4;
 }
 
 .tablesort th[role=columnheader]:not(.no-sort):hover:after {
   visibility: visible;
   opacity: 1;
 }