diff --git a/src/app/pages/resources/resources/components/resources-dashboard/resources-dashboard.component.html b/src/app/pages/resources/resources/components/resources-dashboard/resources-dashboard.component.html
index 12fed53..99a5ef3 100644
--- a/src/app/pages/resources/resources/components/resources-dashboard/resources-dashboard.component.html
+++ b/src/app/pages/resources/resources/components/resources-dashboard/resources-dashboard.component.html
@@ -31,7 +31,7 @@ <h4 class="navtitle mb-2"> Resurse </h4>
 			[propertyMap]="propertyMap"	>
 			<ng-template let-option="option">
 				<span [ngClass]="{'pl-3': option.parent_id!=='0'}">
-				   {{option.name}} 
+				   {{option.name}}
 				</span>
 			 </ng-template>
 		</ngx-multiselect>
@@ -54,21 +54,22 @@ <h4 class="navtitle mb-2"> Resurse </h4>
 							<h4 class="card-title">{{elem.name}}</h4>
 							<div class="card-text row">
 								<div *ngIf="elem.categories" class="col-md-12 d-flex">
-									<i class="fa fa-list"></i>
-									<span *ngFor="let cat of elem.categories;let isLast=last">
-										&nbsp;{{cat?.name}}{{isLast ? '' : ', '}}
-									</span>
+									<i class="fa fa-list col-md-1"></i>
+									<div class="col-md-11">
+										<span *ngFor="let cat of elem.categories;let isLast=last" class="category-element">
+											{{cat?.name}}{{isLast ? '' : ','}}
+										</span>
+									</div>
 								</div>
-								
-								<span class="col-md-12">
-									<i class="fa fa-hashtag"></i>
-									{{elem.quantity}}
-								</span>
-								<span class="col-md-12">
-									<i class="fa fa-building"></i>
-									{{elem.organisations_total}}
+								<div class="col-md-12 d-flex">
+									<i class="fa fa-hashtag col-md-1"></i>
+									<span class="col-md-11">{{elem.quantity}}</span>
+								</div>
+								<div class="col-md-12 d-flex">
+									<i class="fa fa-building col-md-1"></i>
+									<span class="col-md-11">{{elem.organisations_total}}</span>
 									<!-- TODO add actual organisations number -->
-								</span>
+								</div>
 							</div>
 						</a>
 					</div>
@@ -130,4 +131,4 @@ <h4 class="card-title">{{elem.name}}</h4>
 			[collectionSize]="pager.total">
 		</ngb-pagination>
 	</ng-template>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/pages/resources/resources/components/resources-dashboard/resources-dashboard.component.scss b/src/app/pages/resources/resources/components/resources-dashboard/resources-dashboard.component.scss
index c00a3c8..7cc95e1 100644
--- a/src/app/pages/resources/resources/components/resources-dashboard/resources-dashboard.component.scss
+++ b/src/app/pages/resources/resources/components/resources-dashboard/resources-dashboard.component.scss
@@ -18,7 +18,7 @@
 
 @media (max-width: 1199px) {
     .btn-adjusting {
-        width: min-content;       
+        width: min-content;
     }
 }
 ::ng-deep .category{
@@ -27,7 +27,7 @@
     }
 }
 .card-text {
-	
+
 	span {
 		line-height: 1;
 		height: auto;
@@ -36,4 +36,12 @@
 		overflow-wrap: initial;
 		word-break:initial;
     }
-}
\ No newline at end of file
+
+	div.col-md-12.d-flex {
+		margin-bottom: 0.3rem;
+
+		.category-element {
+			margin-bottom: 0.25rem;
+		}
+	}
+}