diff --git a/app/assets/v2/css/town_square.css b/app/assets/v2/css/town_square.css
index d4f6e8bc217..9ec70af6c8d 100644
--- a/app/assets/v2/css/town_square.css
+++ b/app/assets/v2/css/town_square.css
@@ -1364,3 +1364,27 @@ body.green.offer_view .announce {
   margin-bottom: 2px;
   margin-top: 2px;
 }
+
+/* alerts */
+/* todo:
+  New design feature tags for cards
+*/
+.tag-hackathon{
+  background-color: rgb(247, 241, 252);
+  color: rgb(146, 66, 195);
+  padding: 4px;
+  display: inline-block;
+}
+
+.tag-workshop{
+  background-color: rgb(239, 250, 249);
+  color: rgb(59, 169, 153);
+  padding: 4px;
+
+}
+
+.tag-grants{
+  background-color: rgb(240, 240, 245);
+  color: rgb(22, 14, 93);
+  padding: 4px;
+}
\ No newline at end of file
diff --git a/app/townsquare/templates/townsquare/shared/hackathons.html b/app/townsquare/templates/townsquare/shared/hackathons.html
index 4a574399a07..fd71d500781 100644
--- a/app/townsquare/templates/townsquare/shared/hackathons.html
+++ b/app/townsquare/templates/townsquare/shared/hackathons.html
@@ -1,6 +1,6 @@
 <div>
   <div class="townsquare_block-header accordion active my-1" data-target="hackathons">
-    Gitcoin Hackathons
+    Happing Now
   </div>
   <div id="hackathons" class="mb-4 box-hackathons panel-active bg-shade-0">
     {% for hackathon in hackathon_tabs|slice:":5" %}
@@ -44,7 +44,7 @@ <h5 class="font-body font-weight-semibold mb-2">
       </div>
     {% endfor %}
     <p class="text-center bg-shade-0 mb-0 pb-3">
-      <a href="https://gitcoin.co/hackathon-list/" class="font-caption py-2" style="color: var(--link-color);">VIEW ALL</a>
+      <a href="{% url 'get_hackathons' %}" class="font-caption py-2" style="color: var(--link-color);">{% trans "VIEW ALL" %}</a>
     </p>
   </div>
 </div>