diff --git a/src/patterns/04-components/card/card-elements/_contact-info.twig b/src/patterns/04-components/card/card-elements/_contact-info.twig
new file mode 100644
index 0000000000000000000000000000000000000000..83041d586ed6fb3fa65e4df0c61a13e6d8de2128
--- /dev/null
+++ b/src/patterns/04-components/card/card-elements/_contact-info.twig
@@ -0,0 +1,28 @@
+<div class="card__contact-info">
+  {% embed '@components/details/details.twig'  with {
+    'is_open': TRUE,
+  }%}
+    {% block details_summary %}
+      Contact Information
+    {% endblock %}
+
+    {% block details_content %}
+      {% if contact_info.email %}
+        <div class="card__contact-info--email">
+          <a href="mailto:{{ contact_info.email }}">{{ contact_info.email }}</a>
+        </div>
+      {% endif %}
+      {% if contact_info.phone %}
+        <div class="card__contact-info--phone">
+          {{ contact_info.phone }}
+        </div>
+      {% endif %}
+      {% if contact_info.location %}
+        <div class="card__contact-info--location">
+          <span class="uw-label">Location:</span>
+          {{ contact_info.location }}
+        </div>
+      {% endif %}
+    {% endblock %}
+  {% endembed %}
+</div>
diff --git a/src/patterns/04-components/card/card-elements/_employment_type.twig b/src/patterns/04-components/card/card-elements/_employment-type.twig
similarity index 100%
rename from src/patterns/04-components/card/card-elements/_employment_type.twig
rename to src/patterns/04-components/card/card-elements/_employment-type.twig
diff --git a/src/patterns/04-components/card/card-elements/_job.id.twig b/src/patterns/04-components/card/card-elements/_job-id.twig
similarity index 100%
rename from src/patterns/04-components/card/card-elements/_job.id.twig
rename to src/patterns/04-components/card/card-elements/_job-id.twig