diff --git a/components/Card.vue b/components/Card.vue
index 837a968..7c6e850 100644
--- a/components/Card.vue
+++ b/components/Card.vue
@@ -16,6 +16,9 @@ export default {
 
 <style lang="scss" scoped>
 .card {
+  background: #eee;
+  border-radius: .5rem;
+
   &--title {
     font-weight: 900;
     margin-bottom: .5rem;
diff --git a/layouts/default.vue b/layouts/default.vue
index 6d8c611..f192918 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -77,7 +77,7 @@ a {
 .cards {
   display:grid;
   grid-template-columns: repeat(4, 20%);
-  grid-gap: 3rem;
+  grid-gap: 2rem;
 }
 
 @media only screen
@@ -88,7 +88,7 @@ a {
   .cards {
     display:grid;
     grid-template-columns: 1fr;
-    grid-gap: 3rem;
+    grid-gap: 2rem;
   }
   .layout {
     grid-template-columns: 50px 50px auto;