diff --git a/_includes/citizen-engagement-cards.html b/_includes/program-area-pages-cards.html
similarity index 95%
rename from _includes/citizen-engagement-cards.html
rename to _includes/program-area-pages-cards.html
index c6b5361567..8acc088773 100644
--- a/_includes/citizen-engagement-cards.html
+++ b/_includes/program-area-pages-cards.html
@@ -1,3 +1,5 @@
+<!-- These are the cards found on a program area page, such as the cards on https://www.hackforla.org/citizen-engagement webpage. -->
+
 {% assign visible_projects = site.projects | where: "program-area", "Citizen Engagement" | where: "visible", "true" %}
              {% for item in visible_projects %}
              {%- if 
diff --git a/pages/citizen-engagement.html b/pages/citizen-engagement.html
index 9006ac97c5..ece9b87c77 100644
--- a/pages/citizen-engagement.html
+++ b/pages/citizen-engagement.html
@@ -36,7 +36,7 @@ <h2>Current Projects</h2>
         <!-- Specifically I have added data attributes to the page-card container, and the dropdown arrow.
              We use the data attributes in JS to expand and close the cards. -->
 
-            {% include citizen-engagement-cards.html %}
+            {% include program-area-pages-cards.html %}
 
             <div class="page-card card-primary page-card-lg organizations">
                 <div class="organizations-info">