From 1195106d9936fb06c8445b5b8fc5b7b5f6647660 Mon Sep 17 00:00:00 2001
From: Corban Riley <corbanbrook@gmail.com>
Date: Wed, 10 Apr 2024 17:38:30 -0400
Subject: [PATCH] Moving global listStyleType style to TabbedNav

---
 src/components/TabbedNav/TabbedNav.tsx | 4 ++--
 src/components/TabbedNav/styles.css.ts | 5 +++++
 src/css/global.css.ts                  | 1 -
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/TabbedNav/TabbedNav.tsx b/src/components/TabbedNav/TabbedNav.tsx
index ec8fe9da3..e12da635a 100644
--- a/src/components/TabbedNav/TabbedNav.tsx
+++ b/src/components/TabbedNav/TabbedNav.tsx
@@ -5,7 +5,7 @@ import { Box, PolymorphicProps } from '~/components/Box'
 import { Button } from '~/components/Button'
 import { IconProps } from '~/icons/types'
 
-import { tabVariants, TabVariants } from './styles.css'
+import { tabList, tabVariants, TabVariants } from './styles.css'
 
 export type TabOption = {
   label: ReactNode
@@ -66,7 +66,7 @@ export const TabbedNav = (props: PolymorphicProps<TabbedNavProps, 'div'>) => {
 
   return (
     <Box as="nav" {...rest}>
-      <Box as="ul" gap="2">
+      <Box as="ul" gap="2" className={clsx(tabList)}>
         {tabs.map((option, tabIndex) => {
           const isActive = option.value === value
 
diff --git a/src/components/TabbedNav/styles.css.ts b/src/components/TabbedNav/styles.css.ts
index 404b44100..d7cbc87fa 100644
--- a/src/components/TabbedNav/styles.css.ts
+++ b/src/components/TabbedNav/styles.css.ts
@@ -1,7 +1,12 @@
+import { style } from '@vanilla-extract/css'
 import { RecipeVariants, recipe } from '@vanilla-extract/recipes'
 
 import { atoms } from '~/css'
 
+export const tabList = style({
+  listStyleType: 'none',
+})
+
 export const tabVariants = recipe({
   variants: {
     variant: {
diff --git a/src/css/global.css.ts b/src/css/global.css.ts
index c38951a26..fd3a7c442 100644
--- a/src/css/global.css.ts
+++ b/src/css/global.css.ts
@@ -11,7 +11,6 @@ globalStyle('*', {
   fontStyle: 'unset',
   fontVariant: 'unset',
   fontWeight: 'unset',
-  listStyleType: 'none',
   margin: 0,
   outline: 'unset',
   padding: 0,