diff --git a/app/features/tournament-bracket/tournament-bracket.css b/app/features/tournament-bracket/tournament-bracket.css
index 33af10cbb..9ea8fe08f 100644
--- a/app/features/tournament-bracket/tournament-bracket.css
+++ b/app/features/tournament-bracket/tournament-bracket.css
@@ -297,7 +297,7 @@
 	content: "Inactive";
 	font-size: var(--fonts-xxs);
 	font-weight: var(--bold);
-	letter-spacing: var(--sparse);
+	letter-spacing: 0.4px;
 	padding-block-end: 1px;
 }
 
diff --git a/app/styles/vars.css b/app/styles/vars.css
index 4c9fa21f4..633cfa5a5 100644
--- a/app/styles/vars.css
+++ b/app/styles/vars.css
@@ -1,5 +1,5 @@
 html {
-	--bg: var(--preview-bg, #ebebf0);
+	/* --bg: var(--preview-bg, #ebebf0);
 	--bg-darker: var(--preview-bg-darker, #f8f8f8);
 	--bg-lighter: var(--preview-bg-lighter, rgb(250 250 250));
 	--bg-lighter-solid: rgb(250 250 250);
@@ -42,11 +42,12 @@ html {
 	--theme-secondary: var(--preview-theme-secondary, rgb(63 58 255));
 	--input-icon: #6a6a6c;
 	--backdrop-filter: blur(10px) brightness(95%);
-	--rounded: 16px;
+	--inactive-image-filter: grayscale(100%) brightness(30%); */
+	/* --rounded: 16px;
 	--rounded-full: 200px;
 	--rounded-xs: 8px;
-	--rounded-sm: 10px;
-	--fonts-xl: 1.5rem;
+	--rounded-sm: 10px; */
+	/* --fonts-xl: 1.5rem;
 	--fonts-lg: 1.2rem;
 	--fonts-md: 1rem;
 	--fonts-sm: 0.92rem;
@@ -55,12 +56,12 @@ html {
 	--fonts-xxsm: 0.75rem;
 	--fonts-xxs: 0.7rem;
 	--fonts-xxxs: 0.6rem;
-	--fonts-xxxxs: 0.5rem;
-	--extra-bold: 700;
+	--fonts-xxxxs: 0.5rem; */
+	/* --extra-bold: 700;
 	--bold: 600;
 	--semi-bold: 500;
-	--body: 400;
-	--s-0-5: 0.125rem;
+	--body: 400; */
+	/* --s-0-5: 0.125rem;
 	--s-1: 0.25rem;
 	--s-1-5: 0.375rem;
 	--s-2: 0.5rem;
@@ -83,24 +84,17 @@ html {
 	--s-28: 7rem;
 	--s-32: 8rem;
 	--s-40: 10rem;
-	--s-48: 12rem;
-	--s-56: 14rem;
-	--s-64: 16rem;
-	--s-72: 18rem;
-	--s-80: 20rem;
-	--s-96: 2rem;
-	--sparse: 0.4px;
-	--label-margin: var(--s-1);
-	--inactive-image-filter: grayscale(100%) brightness(30%);
-	--sticky-top: 60px;
-	--input-width-extra-small: 10rem;
+	--s-48: 12rem; */
+	/* --input-width-extra-small: 10rem;
 	--input-width-small: 12rem;
-	--input-width-medium: 18rem;
+	--input-width-medium: 18rem; */
+	/* --label-margin: var(--s-1);
 	--select-width: 225px;
+	--sticky-top: 60px; */
 }
 
 html.dark {
-	--bg: var(--preview-bg, #02011e);
+	/* --bg: var(--preview-bg, #02011e);
 	--bg-darker: var(--preview-bg-darker, #0a092d);
 	--bg-lighter: var(--preview-bg-lighter, rgb(169 138 255 / 10%));
 	--bg-lighter-solid: #140f34;
@@ -141,7 +135,7 @@ html.dark {
 	--theme-secondary: var(--preview-theme-secondary, rgb(239 229 83));
 	--input-icon: #9898a4;
 	--backdrop-filter: blur(10px) brightness(75%);
-	--inactive-image-filter: grayscale(100%) brightness(130%);
+	--inactive-image-filter: grayscale(100%) brightness(130%); */
 }
 
 /* xs: "(min-width: 480px)",