diff --git a/src/.vuepress/components/HomeContent.vue b/src/.vuepress/components/HomeContent.vue
index 279fde4..4e2b607 100644
--- a/src/.vuepress/components/HomeContent.vue
+++ b/src/.vuepress/components/HomeContent.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="row">
-      <div class="col">
+      <div class="col-xl my-2">
         <div class="card">
           <div class="card-header">
             Music
@@ -11,7 +11,7 @@
           </div>
         </div>
       </div>
-      <div class="col">
+      <div class="col-xl my-2">
         <div class="card">
           <div class="card-header">
             People
@@ -21,7 +21,7 @@
           </div>
         </div>
       </div>
-      <div class="col">
+      <div class="col-xl my-2">
         <div class="card">
           <div class="card-header">
             Strobe