diff --git a/templates/base.html b/templates/base.html
index ef6d610..8098bf3 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -105,14 +105,14 @@
         <div role="navigation" class="uk-width-1-5@m">
 
             {% if not DISABLE_SEARCH %}
-            <div class="uk-card uk-card-default">
+            <div class="uk-card uk-card-body">
                 <form class="uk-search uk-search-default" action="search.html" >
                     <input class="uk-search-input tipue_search" type="search" name="q" id="tipue_search_input" autocomplete="off" placeholder="Search...">
                 </form>
             </div>
             {% endif %}
 
-            <div class="uk-card uk-card-default">
+            <div class="uk-card uk-card-body">
                 <ul class="uk-nav uk-nav-default">
                     {% if CATEGORY_SAVE_AS %}
                     <li class="uk-nav-header">Categories</li>
@@ -138,7 +138,7 @@
             </div>
 
             {% if SOCIAL %}
-            <div class="uk-card uk-card-default">
+            <div class="uk-card uk-card-body">
                 <h2 class="uk-card-title">Social</h2>
                 {% for link_destination, link in SOCIAL %}
                 <a class="mg-icon-link" href="{{ link }}" title="Link to my {{ link_destination }}">
@@ -148,14 +148,14 @@
             </div>
             {% endif %}
 
-            <div class="uk-card uk-card-default">
+            <div class="uk-card uk-card-body">
                 <h3 class="uk-card-title">Syndication</h3>
                 <a rel="alternate" type="application/atom+xml" href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" class="mg-feed"><i class="fas fa-rss-square "></i> ATOM</a>
                 {% if EXTRA_ATOM_FEED %}<a rel="alternate" type="application/atom+xml" href="{{ EXTRA_ATOM_FEED['url'] }}" class="mg-feed"><i class="fas fa-rss-square "></i> {{ EXTRA_ATOM_FEED['name'] }}</a>{% endif %}
             </div>
 
             {% if AVATARS %}
-            <div class="uk-card uk-card-default">
+            <div class="uk-card uk-card-body">
                 <h2 class="uk-card-title">Avatars</h2>
                 {% for img_uri in AVATARS %}
                 <img class="mg-avatar" src="{{ img_uri }}" alt="An avatar I use on the web" title="An avatar I use on the web">
@@ -165,7 +165,7 @@
 
             {% if READINGS %}
             <a href="{{ SITEURL }}/past_readings.html">
-                <div class="uk-card uk-card-default">
+                <div class="uk-card uk-card-body">
                     <h2 class="uk-card-title">Previous Entries</h2>
                     <img class="uk-thumbnail" src="{{ READINGS[0]['img_url'] }}" alt="{{ READINGS[0]['description'] }}" title="{{ READINGS[0]['description'] }}">
                 </div>
@@ -173,7 +173,7 @@
             {% endif %}
 
             {% if LINKS %}
-            <div class="uk-card uk-card-default">
+            <div class="uk-card uk-card-body">
                 <h3 class="uk-card-title">Blogroll</h3>
                 <ul class="uk-nav uk-nav-default">
                 {% for text, url in LINKS %}
@@ -184,7 +184,7 @@
             {% endif %}
 
             {% if SUPPORTS %}
-            <div class="uk-card uk-card-default">
+            <div class="uk-card uk-card-body">
                 {% for name, link, logo_url, title in SUPPORTS %}
                 <a href="{{ link }}">
                     <img class="mg-support-logo" src="{{ logo_url }}" alt="Logo {{ name }}" title="{{ title }}">