diff --git a/plinth/templates/cards.html b/plinth/templates/cards.html
index 14f93345e..8b1b41be4 100644
--- a/plinth/templates/cards.html
+++ b/plinth/templates/cards.html
@@ -32,7 +32,7 @@
 
   <div class="container card-container">
     <div class="row">
-      <div class="card-list">
+      <div class="card-list card-list-primary">
         {% for item in submenu.sorted_items %}
           {% if not show_secondary or not item.secondary %}
             <div class="card thumbnail">
@@ -58,7 +58,7 @@
     <div class="container card-container">
       <div class="card-title text-center">{% trans "Disabled" %}</div>
       <div class="row">
-        <div class="card-list">
+        <div class="card-list card-list-secondary">
           {% for item in submenu.sorted_items %}
             {% if item.secondary %}
               <div class="card thumbnail">
diff --git a/static/themes/default/css/plinth.css b/static/themes/default/css/plinth.css
index 65ce9bf66..c888c0ed1 100644
--- a/static/themes/default/css/plinth.css
+++ b/static/themes/default/css/plinth.css
@@ -409,7 +409,7 @@ a.menu_link_active {
     background-image: url('../img/freedombox-logo-background.svg');
 }
 
-.apps-page .card-list:before {
+.apps-page .card-list-primary:before {
     background-image: url('../img/apps-background.svg');
 }