diff --git a/src/assets/css/components/game/GameAnswerExplanation.scss b/src/assets/css/components/game/GameAnswerExplanation.scss index 0b75cdf..1c86850 100644 --- a/src/assets/css/components/game/GameAnswerExplanation.scss +++ b/src/assets/css/components/game/GameAnswerExplanation.scss @@ -2,7 +2,7 @@ .answer-explanation { @apply p-8 flex gap-x-8; &__type { - @apply text-white text-4xl w-fit px-6 py-1; + @apply text-white text-4xl w-fit px-6 pr-8 py-2 ; transform: skew(-2deg) rotate(-2deg); &--success, &--success .success-icon { @@ -10,11 +10,12 @@ } &--error, &--error .success-icon { - @apply bg-red-400; + @apply bg-red-600; } .success-icon { @apply w-6 h-6 object-contain object-center absolute top-0 right-0 rounded-full p-2 border-solid border-white border-4; + border-width: 6px; transform: translate(50%, -50%); } }