diff --git a/landing/competitor-comparison.css b/landing/competitor-comparison.css
index b9de33787..1f587b980 100644
--- a/landing/competitor-comparison.css
+++ b/landing/competitor-comparison.css
@@ -1,76 +1,77 @@
 .competitorComparisonSection {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 48px 16px;
 }
 
 .headerText {
   color: var(--white-80);
   text-align: center;
   margin-bottom: 72px;
 }
 
 .competitorsContainer {
   overflow: hidden;
   display: flex;
   justify-content: space-between;
   column-gap: 16px;
   padding: 16px 32px;
   background-color: var(--comparison-cards);
   border-radius: 16px;
   width: 560px;
   max-width: 90vw;
 }
 
 .logoContainer {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
 }
 
 .competitorLogo {
   opacity: 0.35;
+  transition: opacity 150ms;
 }
 
 .competitorLogo:hover {
   opacity: 1;
   cursor: pointer;
 }
 
 .activeCompetitorLogo {
   opacity: 1;
   transform: translateY(-2px);
 }
 
 .bump {
   width: 80%;
   height: 4px;
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
   background-color: var(--violet-dark-100);
   position: absolute;
   bottom: -16px;
 }
 
 .featureCardsContainer {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 40px;
   margin-top: 48px;
 }
 
 /* 2*16(padding) + 3*432(cards) + 2*40(gap) */
 @media screen and (max-width: 1408px) {
   .featureCardsContainer {
     grid-template-columns: repeat(2, 1fr);
   }
 }
 
 /* 2*16(padding) + 2*432(cards) + 40(gap) */
 @media screen and (max-width: 936px) {
   .featureCardsContainer {
     grid-template-columns: repeat(1, 1fr);
   }
 }
diff --git a/landing/competitor-feature-card.css b/landing/competitor-feature-card.css
index 868f49e62..f7c6eb3e2 100644
--- a/landing/competitor-feature-card.css
+++ b/landing/competitor-feature-card.css
@@ -1,16 +1,17 @@
 .container {
   max-width: 432px;
   background-color: var(--comparison-cards);
   padding: 32px;
   border-radius: 16px;
+  transition: background-color 150ms;
 }
 
 .container:hover {
   cursor: pointer;
   background-color: var(--comparison-cards-hovered);
 }
 
 .readMoreText {
   color: var(--violet-dark-100);
   margin-top: 16px;
 }
diff --git a/landing/info-block.css b/landing/info-block.css
index 3946173fd..425f8a623 100644
--- a/landing/info-block.css
+++ b/landing/info-block.css
@@ -1,38 +1,40 @@
 .textContainer {
   width: 910px;
   max-width: 100vw;
   padding: 120px 32px;
 }
 
 .header {
   color: var(--white-80);
   margin-bottom: 40px;
 }
 
 .header span {
   background: linear-gradient(90deg, #5d34b3 0%, #a314d5 49.31%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 
 .linkContainer {
   display: flex;
   align-items: center;
   width: fit-content;
 }
 
 .link {
   color: var(--white-100);
   text-decoration: underline;
   margin-right: 8px;
+  transition: color 150ms;
 }
 
 .icon {
   color: var(--white-100);
+  transition: color 150ms;
 }
 
 .linkContainer:hover .link,
 .linkContainer:hover .icon {
   color: var(--violet-dark-100);
 }
diff --git a/landing/subscription-form.css b/landing/subscription-form.css
index 88062e0b9..9d8bff733 100644
--- a/landing/subscription-form.css
+++ b/landing/subscription-form.css
@@ -1,97 +1,98 @@
 form {
   display: flex;
 }
 
 .button {
   cursor: pointer;
   border: none;
   padding: 17px 32px; /* We have 17 to compensate for no border */
   border-radius: 4px;
   color: var(--white-100);
-  background: var(--violet-dark-60);
+  background-color: var(--violet-dark-60);
   min-width: 184px;
   display: flex;
   justify-content: center;
   align-items: center;
+  transition: background-color 150ms;
 }
 
 .buttonSuccess {
   background-color: var(--success-dark-90);
 }
 
 .buttonFailure {
   background-color: var(--error-dark-50);
 }
 
 .button:hover {
   background-color: var(--violet-dark-80);
 }
 
 .buttonSuccess:hover {
   background-color: var(--success-dark-90);
 }
 
 .buttonFailure:hover {
   background: var(--error-dark-50);
 }
 
 div.inputContainer {
   display: flex;
   flex: 1;
   flex-direction: column;
 }
 
 input.emailInput {
   flex: 1;
   padding: 16px 24px;
   background-color: transparent;
   color: var(--white-100);
   border: 1px solid var(--white-80);
   border-radius: 4px;
   outline: none;
   transition: 300ms;
   margin-right: 12px;
 }
 
 input.emailInput:focus {
   border: 1.5px solid var(--white-100);
   transition: 300ms;
 }
 
 input.emailInputFailure {
   border: 1px solid var(--error-dark-50);
 }
 
 p.feedbackText {
   margin-top: 8px;
 }
 
 p.feedbackTextSuccess {
   color: var(--success-dark-50);
 }
 
 p.feedbackTextFailure {
   color: var(--error-dark-50);
 }
 
 @media screen and (max-width: 848px) {
   form {
     display: block;
   }
   .button {
     width: 100%;
     height: 50px;
     margin-top: 8px;
   }
 
   input.emailInput {
     width: 100%;
     height: 50px;
     margin-bottom: 8px;
   }
 
   p.feedbackText {
     text-align: center;
     margin-top: 0;
   }
 }