style: remove important rule

defi-wonderland · Sep 25, 2024 · 3c7229e · 3c7229e
1 parent b683dea
commit 3c7229e
Showing 1 changed file with 10 additions and 11 deletions.
diff --git a/src/pages/landing/ContentSection/QuotesCarousel.tsx b/src/pages/landing/ContentSection/QuotesCarousel.tsx
@@ -85,17 +85,17 @@ const CarouselContainer = styled(Carousel)`
     }
 
     &.logo {
-      width: 10rem !important;
-      height: 10rem !important;
+      width: 10rem;
+      height: 10rem;
       border-radius: 50%;
       position: absolute;
       top: 0;
       right: 0;
       transform: translate(50%, -50%);
 
       @media screen and (max-width: ${MOBILE_MAX_WIDTH}) {
-        width: 10rem !important;
-        height: 10rem !important;
+        width: 10rem;
+        height: 10rem;
         left: 50%;
         transform: translate(-50%, -50%);
       }
@@ -152,10 +152,12 @@ const CarouselContainer = styled(Carousel)`
     left: 35%;
     transform: translateX(-100%);
     opacity: 1;
-    background-image: url('/img/arrow_left.svg') !important;
+    background-image: url('/img/arrow_left.svg');
 
     &:hover {
       opacity: 0.8;
+      background-color: unset;
+      background-image: url('/img/arrow_left.svg');
     }
   }
 
@@ -166,10 +168,12 @@ const CarouselContainer = styled(Carousel)`
     bottom: -8.2rem;
     left: 65%;
     opacity: 1;
-    background-image: url('/img/arrow.svg') !important;
+    background-image: url('/img/arrow.svg');
 
     &:hover {
       opacity: 0.8;
+      background-color: unset;
+      background-image: url('/img/arrow.svg');
     }
   }
 
@@ -178,11 +182,6 @@ const CarouselContainer = styled(Carousel)`
     opacity: 0;
   }
 
-  & .control-arrow.control-prev:hover,
-  .control-arrow.control-next:hover {
-    background-color: transparent;
-  }
-
   @media screen and (max-width: ${MOBILE_MAX_WIDTH}) {
     width: 100%;