diff --git a/app/townsquare/templates/townsquare/index.html b/app/townsquare/templates/townsquare/index.html
index 1892114e759..5cd9b702c36 100644
--- a/app/townsquare/templates/townsquare/index.html
+++ b/app/townsquare/templates/townsquare/index.html
@@ -30,8 +30,10 @@
     <link rel="stylesheet" href="{% static "v2/css/theme_switcher.css" %}">
     <style>
       img.hackathon-card-logo{
-        max-height: 4rem;
-        max-width: 4rem;
+        max-height: 5rem;
+        max-width: 5rem;
+        border-radius: .3rem;
+        background: rgb(25, 0, 63);
       }
 
       .hackathon-card-logo a {
@@ -43,11 +45,13 @@
         padding: 10px;
         border-bottom: 1px solid #ddd;
         text-transform: none;
+        border-radius: 5px 5px 0 0;
       }
       
       .box-hackathons {
         background: #ffff;
         border-bottom: 1px solid #ddd;
+        border-radius: 0 0 5px 5px;
       }
       
       .box-hackathons .card {
@@ -55,17 +59,28 @@
       }
 
       .box-hackathons .card-header {
-        padding: 1.75rem 1.25rem;
         border-bottom: none;
         background-color: transparent;
       }
 
       .box-hackathons-townsquare .hackathon-actions {
         font-weight: 700;
+        margin: 0;
       }
 
+      .box-hackathons-townsquare .card-body {
+        padding: 11px 0;
+      }
+
+      .box-hackathons-townsquare .card-body .font-smaller-2 {
+        color: #666666;
+      }
+
+      .box-hackathons-townsquare .card-body .font-weight-semibold {
+        margin: 0;
+      }
+      
       .box-hackathons .view-all {
-        background-color: #fff;
         padding: 0px 0px 0px 20px;
         font-weight: 700;
       }
diff --git a/app/townsquare/templates/townsquare/shared/hackathons.html b/app/townsquare/templates/townsquare/shared/hackathons.html
index d2c6e2fbe14..f2253312a8f 100644
--- a/app/townsquare/templates/townsquare/shared/hackathons.html
+++ b/app/townsquare/templates/townsquare/shared/hackathons.html
@@ -28,7 +28,7 @@ <h5 class="font-subheader font-weight-semibold">
                         <time class="font-weight-bold"
                             datetime="{{ hackathon.end_date|date:'c' }}">{{ hackathon.end|date:"m/d/Y" }}</time>
                     </div>
-                    <div class="mt-3 hackathon-actions">
+                    <div class="mt-1 hackathon-actions">
                         {% if hackathon.end|timesince <= "1 min" %}
                         <a href="{% url 'hackathon_onboard' hackathon.slug %}">
                             Join Hackathon >