diff --git a/src/tabs.css b/src/tabs.css
index d5330da..2ea8c3f 100644
--- a/src/tabs.css
+++ b/src/tabs.css
@@ -25,7 +25,7 @@
 	content: "";
 	position: absolute;
 	width: 70%;
-	height: var(--synergy-border-width);
+	height: var(--synergy-tab-bar-height);
 	background-color: var(--synergy-border-active);
 	bottom: 0; 
 	left: 15%;
diff --git a/web/ts/Synergy.ts b/web/ts/Synergy.ts
index d581140..ac6e21b 100644
--- a/web/ts/Synergy.ts
+++ b/web/ts/Synergy.ts
@@ -7,6 +7,7 @@ export let variables: Variable[] = [
 	{name: "border-radius", type: "number"},
 	{name: "focus-highlight", type: "color"},
 	{name: "tab-highlight", type: "color"},
+	{name: "tab-bar-height", type: "number"},
 	{name: "label", type: "color"},
 	{name: "label-active", type: "color"},
 	{name: "btn-primary-bg", type: "color"},
@@ -31,6 +32,7 @@ export function getDefaultVariables() {
 	return {
 		"border-width": "2px", 
 		"border-radius": ".375rem",
+		"tab-bar-height": "3px",
 		...Preset.getRandom().getVariables()
 	};
 }