diff --git a/src/app/components/service/service.component.html b/src/app/components/service/service.component.html
index 4437b55..a252bc6 100644
--- a/src/app/components/service/service.component.html
+++ b/src/app/components/service/service.component.html
@@ -1,3 +1,3 @@
-<mat-card *ngFor="let item of items; let counter = index;" (click)="onItemSelected(item)" [tabindex]="item.id" class="service-item">
+<mat-card *ngFor="let item of items; let counter = index;" (click)="onItemSelected(item)" [tabindex]="item.id" class="service-item no-select">
   <mat-icon>{{ getIcon(item) }}</mat-icon> {{ item.title }}
 </mat-card>
diff --git a/src/app/components/slides/slides.component.html b/src/app/components/slides/slides.component.html
index 99dcccc..2f6e8e9 100644
--- a/src/app/components/slides/slides.component.html
+++ b/src/app/components/slides/slides.component.html
@@ -1,4 +1,4 @@
-<mat-card mat-list-item *ngFor="let slide of slides; let counter = index;" (click)="onSlideSelected(counter)" [class.selected]="slide.selected">
+<mat-card class="no-select" mat-list-item *ngFor="let slide of slides; let counter = index;" (click)="onSlideSelected(counter)" [class.selected]="slide.selected">
   <div class="verse-tag">{{ slide.tag }}</div>
   <div class="verse-text">{{ slide.text }}</div>
 </mat-card>
diff --git a/src/styles.scss b/src/styles.scss
index f120dbc..0aef744 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -99,3 +99,7 @@ footer {
   align-items: center;
   justify-content: center;
 }
+
+.no-select {
+  user-select: none;
+}