diff --git a/components/common/I18nWidget/I18nWidget.module.css b/components/common/I18nWidget/I18nWidget.module.css
index bd20f14c1..269aa5f61 100644
--- a/components/common/I18nWidget/I18nWidget.module.css
+++ b/components/common/I18nWidget/I18nWidget.module.css
@@ -3,11 +3,11 @@
}
.button {
- @apply h-10 px-2 rounded-md border border-accent-2 flex items-center justify-center;
+ @apply h-10 px-2 rounded-md border border-accent-2 flex items-center justify-center transition-colors ease-linear;
}
.button:hover {
- @apply border-accent-4 shadow-sm;
+ @apply border-accent-3 shadow-sm;
}
.button:focus {
@@ -38,5 +38,9 @@
}
.icon {
+ transition: transform 0.2s ease;
+}
+
+.icon.active {
transform: rotate(180deg);
}
diff --git a/components/common/I18nWidget/I18nWidget.tsx b/components/common/I18nWidget/I18nWidget.tsx
index fbe67a4c1..58135f12a 100644
--- a/components/common/I18nWidget/I18nWidget.tsx
+++ b/components/common/I18nWidget/I18nWidget.tsx
@@ -59,7 +59,7 @@ const I18nWidget: FC = () => {
/>
{options && (
-
+
)}
diff --git a/pages/index.tsx b/pages/index.tsx
index 004c5e72a..0393b599b 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -53,14 +53,8 @@ export default function Home({
))}
{products.slice(0, 3).map((product, i) => (