diff --git a/eventhub/src/EventHub.Web/Pages/Index.cshtml b/eventhub/src/EventHub.Web/Pages/Index.cshtml
index 11dc033..6d60e8c 100644
--- a/eventhub/src/EventHub.Web/Pages/Index.cshtml
+++ b/eventhub/src/EventHub.Web/Pages/Index.cshtml
@@ -22,7 +22,7 @@
     @foreach (var eventItem in Model.Events)
     {
         <abp-column size-lg="_4" size-md="_6">
-            <abp-card>
+            <abp-card class="mb-3">
                 <img abp-card-image="Top" src="https://picsum.photos/seed/@eventItem.Id.ToString()/400/160?blur=8" alt="@eventItem.Title"/>
                 <abp-card-body>
                     <abp-card-title>@eventItem.Title</abp-card-title>
diff --git a/eventhub/src/EventHub.Web/Pages/Organizations/Index.cshtml b/eventhub/src/EventHub.Web/Pages/Organizations/Index.cshtml
index 3bf1bed..39eff60 100644
--- a/eventhub/src/EventHub.Web/Pages/Organizations/Index.cshtml
+++ b/eventhub/src/EventHub.Web/Pages/Organizations/Index.cshtml
@@ -8,7 +8,7 @@
     @foreach (var organization in Model.Organizations)
     {
         <abp-column size-lg="_4" size-md="_6">
-            <abp-card>
+            <abp-card class="mb-3">
                 <img abp-card-image="Top" src="https://picsum.photos/seed/@organization.Name/400/160?blur=8" alt="@organization.DisplayName"/>
                 <abp-card-body>
                     <abp-card-title>@organization.DisplayName</abp-card-title>