diff --git a/app/retail/templates/emails/shared_template_head.html b/app/retail/templates/emails/shared_template_head.html
index 51a8af959a9..2ff09aa2fa7 100644
--- a/app/retail/templates/emails/shared_template_head.html
+++ b/app/retail/templates/emails/shared_template_head.html
@@ -14,11 +14,15 @@
   You should have received a copy of the GNU Affero General Public License
   along with this program. If not, see <http://www.gnu.org/licenses/>.
 {% endcomment %}
-{% load i18n static %}
-<link rel="stylesheet" href="{% static "v2/css/lib/typography.css" %}" data-premailer="ignore">
-<style>
-  {% include './assets/css/gitcoin.css' %}
-  {% include './assets/css/town_square.css' %}
-  {% include './assets/css/activity_stream.css' %}
-</style>
+{% load i18n static compress %}
+{% compress css file typography %}
+  <!-- media="..." is a workaround for data-premailer="ignore" (because it wont match in premailers ctx) -->
+  <link rel="stylesheet" type="text/x-scss" media="all and (min-width: 1px)" href={% static "v2/scss/lib/typography.scss" %} />
+{% endcompress %}
+{% compress css inline %}
+  <!-- updated to the shared version -->
+  <link rel="stylesheet" type="text/x-scss" href={% static "v2/scss/gitcoin.scss" %} />
+  <link rel="stylesheet" type="text/x-scss" href={% static "v2/scss/town_square.scss" %} />
+  <link rel="stylesheet" type="text/x-scss" href={% static "v2/scss/activity_stream.scss" %} />
+{% endcompress %}
 <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet" data-premailer="ignore">
\ No newline at end of file