From 21fc7cf6ce095b987f64b000826653bd78c7c88d Mon Sep 17 00:00:00 2001
From: Osama Abdul Latif <62595605+OsamaAbdellateef@users.noreply.github.com>
Date: Tue, 13 Feb 2024 17:24:06 +0200
Subject: [PATCH] Fixing tabs hover style in core theme (#3712)

* Fixing tabs hover token

* adding changeset

* fixing some styles

* some changes
---
 .changeset/great-gifts-fail.md                  | 5 +++++
 themes/theme-core/src/components/Tabs.styles.ts | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/great-gifts-fail.md

diff --git a/.changeset/great-gifts-fail.md b/.changeset/great-gifts-fail.md
new file mode 100644
index 0000000000..efab43f932
--- /dev/null
+++ b/.changeset/great-gifts-fail.md
@@ -0,0 +1,5 @@
+---
+"@marigold/theme-core": patch
+---
+
+Fixing tabs hover style in core theme
diff --git a/themes/theme-core/src/components/Tabs.styles.ts b/themes/theme-core/src/components/Tabs.styles.ts
index cae09e32c3..1828c0569a 100644
--- a/themes/theme-core/src/components/Tabs.styles.ts
+++ b/themes/theme-core/src/components/Tabs.styles.ts
@@ -7,9 +7,9 @@ export const Tabs: ThemeComponent<'Tabs'> = {
   tab: cva(
     [
       'min-h-[40px]',
-      'hover:text-text-base-hover hover:border-b-border-hover hover:border-b-8 hover:border-solid',
+      'data-[hovered]:text-text-base-hover data-[hovered]:border-b-border-base-hover data-[hovered]:border-b-8 data-[hovered]:border-solid',
       'aria-disabled:text-text-base-disabled aria-disabled:hover:border-none',
-      'aria-selected:border-b-border-brand aria-selected:border-b-8 aria-selected:border-solid ',
+      'aria-selected:border-b-border-brand data-[hovered]:aria-selected:border-b-border-brand aria-selected:border-b-8 aria-selected:border-solid ',
     ],
     {
       variants: {