diff --git a/foundation/erpnext_foundation/doctype/foundation_fellowship/templates/foundation_fellowship.html b/foundation/erpnext_foundation/doctype/foundation_fellowship/templates/foundation_fellowship.html
index bae54e8a..fe8b1bf3 100644
--- a/foundation/erpnext_foundation/doctype/foundation_fellowship/templates/foundation_fellowship.html
+++ b/foundation/erpnext_foundation/doctype/foundation_fellowship/templates/foundation_fellowship.html
@@ -6,13 +6,11 @@
 <h1 class="media-heading">{{ title }}</h1>
 <section>
     <div class="media">
-        <div class="media-left" style='min-width: 80px;'>
-            <a href="#">
-                <img class="media-object"
-                    src="{{ image }}"
-                    style="max-width: 80px; ">
-            </a>
-        </div>
+        <a href="#">
+            <img class="mr-3 media-img"
+            src="{{ image }}"
+            style="max-width: 80px; ">
+        </a>
         <div class="media-body">
             {{ introduction }}
             <table class='table table-bordered small'
diff --git a/foundation/erpnext_foundation/doctype/foundation_fellowship/templates/foundation_fellowship_row.html b/foundation/erpnext_foundation/doctype/foundation_fellowship/templates/foundation_fellowship_row.html
index 8856b485..e6d0d98b 100644
--- a/foundation/erpnext_foundation/doctype/foundation_fellowship/templates/foundation_fellowship_row.html
+++ b/foundation/erpnext_foundation/doctype/foundation_fellowship/templates/foundation_fellowship_row.html
@@ -1,12 +1,10 @@
-<div class="media max-width-medium clickable" style="cursor: pointer;" onclick="location.href='{{ doc.route }}'">
-	<div class="media-left">
-			<a href="{{ link or "#" }}">
-				<img class="media-object"
-					src="{% if image %}{% if not '/' in image %}/assets/foundation/img/{% endif %}{{ image }}{% else %}/assets/foundation/img/frappe-bird-grey.svg{% endif %}"
-					style="{% if image and not '/' in image %}opacity: 0.4{% endif %}">
-			</a>
-		</div>
-		<div class="media-body">
+<div class="media my-3 bg-light p-4 clickable" style="cursor: pointer;" onclick="location.href='{{ doc.route }}'">
+	<a href="{{ link or "#" }}">
+		<img class="mr-3 media-img"
+		src="{% if image %}{% if not '/' in image %}/assets/foundation/img/{% endif %}{{ image }}{% else %}/assets/foundation/img/frappe-bird-grey.svg{% endif %}"
+		style="{% if image and not '/' in image %}opacity: 0.4{% endif %}">
+	</a>
+		<div class="media-body mt-0">
 			{% if title %}<h4 class="media-heading">{{ doc.title }}</h4>{% endif %}
 			 <p>
             <span class='label'>{{ frappe.format_date(doc.creation) }}</span>
diff --git a/foundation/public/css/style.css b/foundation/public/css/style.css
index b2736892..e73749ab 100644
--- a/foundation/public/css/style.css
+++ b/foundation/public/css/style.css
@@ -1,3 +1,7 @@
 .media-img {
 	max-width: 150px;
 }
+
+.stars {
+	width: 125px;
+}
diff --git a/foundation/templates/web.html b/foundation/templates/web.html
index 910746f6..9e9f0e9a 100644
--- a/foundation/templates/web.html
+++ b/foundation/templates/web.html
@@ -1,7 +1,7 @@
 {% extends base_template_path %}
 {% block hero %}{% endblock %}
 {% block content %}
-<div class="page px-3">
+<div class="page px-3 pt-3">
     <div class="row" id="page-{{ name or route }}"
         data-path="{{ pathname }}" {%- if page_or_generator=="Generator" %} data-doctype="{{ doctype }}"{% endif %}>
             {% if show_sidebar %}
diff --git a/foundation/www/index.html b/foundation/www/index.html
index 405e0671..7a89b7cb 100644
--- a/foundation/www/index.html
+++ b/foundation/www/index.html
@@ -83,7 +83,7 @@
 			</div>
 		</div>
 	</div>
-	<div class="mt-5 row">
+	<div class="mt-5 row text-center">
 		<div class="col-xs-12 col-sm-6 col-md-3">
 			<a class="secondary-link" target="_blank" href="https://www.capterra.com/p/164441/ERPNext/">
 				<img alt="captera-erpnext review" src="/assets/foundation/img/captera-bw.png" class="review-img">