diff --git a/clubhaus/homepage/templates/homepage/base.html b/clubhaus/homepage/templates/homepage/base.html
index 90c4f7b..0339f2f 100644
--- a/clubhaus/homepage/templates/homepage/base.html
+++ b/clubhaus/homepage/templates/homepage/base.html
@@ -26,6 +26,7 @@
     <link href="{% static 'homepage/assets/bootstrap/bootstrap.min.css' %}" rel="stylesheet">
     <link href="{% static 'homepage/assets/self/custom.css' %}" rel="stylesheet">
     <link href="{% static 'homepage/assets/bootstrap-icons/bootstrap-icons.css' %}" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
 
     {% block extra_header_block %}{% endblock %}
 </head>
diff --git a/clubhaus/homepage/templates/homepage/events.html b/clubhaus/homepage/templates/homepage/events.html
index 3e40873..6fd89d9 100644
--- a/clubhaus/homepage/templates/homepage/events.html
+++ b/clubhaus/homepage/templates/homepage/events.html
@@ -180,7 +180,11 @@
 
                 <div class="col-lg-3 col-md-6 mb-lg-0 mb-md-4 mb-3">
                     <div class="h-100 p-3 text-white bg-dark rounded-3">
-                        <h2><i class="bi-cart2 display-2"></i></h2>
+                        <h2>
+                            <span class="material-symbols-outlined"
+                                  style="font-size: calc(1.575rem + 3.9vw);">lunch_dining
+                            </span>
+                        </h2>
                         <p class="fs-2 fw-bold">{{ next_event.food|linebreaksbr }}</p>
                     </div>
                 </div>