diff --git a/ui/component/rewardTile/view.jsx b/ui/component/rewardTile/view.jsx
index ba85a7701..df1bd08b4 100644
--- a/ui/component/rewardTile/view.jsx
+++ b/ui/component/rewardTile/view.jsx
@@ -35,7 +35,7 @@ const RewardTile = (props: Props) => {
title={reward.reward_title}
subtitle={reward.reward_description}
actions={
-
+
{reward.reward_type === rewards.TYPE_GENERATED_CODE && (
)}
diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index 4bf89f54c..840b19270 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -8,12 +8,6 @@
~ .card {
margin-bottom: var(--spacing-m);
}
-
- @media (max-width: $breakpoint-small) {
- ~ .card {
- margin-bottom: 0;
- }
- }
}
.card--disabled {
diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index 4001d58d3..8d65d70a6 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -311,7 +311,6 @@
.claim-grid__title--secondary {
margin-left: auto;
- margin-top: calc(var(--spacing-m) * -1);
}
.claim-grid__help {
@@ -394,15 +393,15 @@
}
.claim-tile__title {
- margin-bottom: 0;
margin: var(--spacing-s);
font-weight: 600;
- font-size: var(--font-small);
color: var(--color-text);
- min-height: 2.5rem;
+ font-size: var(--font-xsmall);
+ min-height: 2rem;
- @media (max-width: $breakpoint-small) {
- font-size: var(--font-xsmall);
+ @media (min-width: $breakpoint-small) {
+ min-height: 2.5rem;
+ font-size: var(--font-small);
}
}
diff --git a/ui/scss/component/section.scss b/ui/scss/component/section.scss
index 4cb2dcc16..3524f4d0d 100644
--- a/ui/scss/component/section.scss
+++ b/ui/scss/component/section.scss
@@ -119,9 +119,7 @@
flex-wrap: wrap;
> * {
- &:not(:only-of-type) {
- margin-bottom: var(--spacing-s);
- }
+ margin-bottom: var(--spacing-s);
}
}