diff --git a/ui/scss/component/_button.scss b/ui/scss/component/_button.scss
index 7ba181c78..642e3de92 100644
--- a/ui/scss/component/_button.scss
+++ b/ui/scss/component/_button.scss
@@ -45,6 +45,7 @@ $button-focus-shift: 12%;
   cursor: pointer;
   font-weight: 500;
   font-size: 14px;
+  user-select: none;
   transition: background var(--animation-duration) var(--animation-style);
 }
 
diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index 1de1e4494..44575951c 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -7,6 +7,7 @@
   border-radius: var(--card-radius);
   margin-bottom: var(--card-margin);
   overflow: auto;
+  user-select: text;
 
   //below added to prevent scrollbar on long titles when show page loads, would prefer a cleaner CSS solution
   overflow-x: hidden;
@@ -49,6 +50,8 @@
 .card__actions {
   margin-top: var(--card-margin);
   margin-bottom: var(--card-margin);
+  user-select: none; 
+
 }
 .card__actions--bottom {
   margin-top: $spacing-vertical * 1/3;