diff --git a/app/static/css/default.css b/app/static/css/default.css
index acec413..da3ff7b 100644
--- a/app/static/css/default.css
+++ b/app/static/css/default.css
@@ -83,4 +83,16 @@ h3.card-title {
 
 h3.footer-title {
   font-size: 1.3em;
+}
+
+.card-img-top i{
+  font-size: 100px;
+}
+
+div#navbarNavheader li.nav-item{
+  margin-left: 6px;
+}
+
+div#navbarNavfooter li.nav-item{
+  margin-right: 6px;
 }
\ No newline at end of file
diff --git a/app/templates/moduls/card.html.j2 b/app/templates/moduls/card.html.j2
index aa5e3e0..c0a2590 100644
--- a/app/templates/moduls/card.html.j2
+++ b/app/templates/moduls/card.html.j2
@@ -2,7 +2,11 @@
     <div class="card h-100 d-flex flex-column">
         <div class="card-body d-flex flex-column">
             <div class="card-img-top">
-                <img src="{{ card.icon.cache }}" alt="{{ card.title }}" style="width: 100px; height: auto;">
+                {% if card.icon.class %}
+                    <i class="{{ card.icon.class }}"></i>
+                {% else %}
+                    <img src="{{ card.icon.cache }}" alt="{{ card.title }}" style="width: 100px; height: auto;">
+                {% endif %}
             </div>
             <hr />
             <h3 class="card-title">{{ card.title }}</h3>