diff --git a/src/components/bundles/BundleItems.vue b/src/components/bundles/BundleItems.vue
index 767a879..6ec9f40 100644
--- a/src/components/bundles/BundleItems.vue
+++ b/src/components/bundles/BundleItems.vue
@@ -28,7 +28,7 @@
     <!-- </section>
     <section class="section"> -->
         <div class="columns is-multiline">
-          <div class="column is-3 is-12-mobile is-6-tablet is-flex" v-for="bundleitem in bundleItems" :key="bundleitem.id">
+          <div class="column is-3-widescreen is-4-desktop is-12-mobile is-6-tablet is-flex" v-for="bundleitem in bundleItems" :key="bundleitem.id">
             <item-card :item="bundleitem.item"></item-card>
           </div>
         </div>
diff --git a/src/components/item_card/BundleButton.vue b/src/components/item_card/BundleButton.vue
index 3c91436..d2caa57 100644
--- a/src/components/item_card/BundleButton.vue
+++ b/src/components/item_card/BundleButton.vue
@@ -6,12 +6,12 @@
         <span class="icon">
           <font-awesome-icon :icon="ItemInBundle ? InBundleIcon : NotInBundleIcon"></font-awesome-icon>
         </span>
-        <span class="is-size-7-mobile">{{bundleItem.bundle.name}}{{numberInBundle}}</span>
+        <span class="is-size-7">{{bundleItem.bundle.name}}{{numberInBundle}}</span>
       </a>
     </div>
     <div class="control">
       <router-link class="button is-rounded is-light" :to="{ name: 'bundle-items', params: { id: bundleItem.bundle.id } }">
-        <span class="icon">
+        <span class="icon is-small">
           <font-awesome-icon icon="link"></font-awesome-icon>
         </span>
       </router-link>