diff --git a/src/back/jdd-components/tekst/tekst.css b/src/back/jdd-components/tekst/tekst.css
index f1da48f..7b331fa 100644
--- a/src/back/jdd-components/tekst/tekst.css
+++ b/src/back/jdd-components/tekst/tekst.css
@@ -2,6 +2,13 @@
 	font-family: var(--font-long-text);
 	font-size: 16px;
 	line-height: 24px;
+	padding: 16px;
+
+	&.tekst--color-transparent {
+		background-color: transparent;
+		color: var(--color-brand-text-fg);
+		padding: 0;
+	}
 
 	&.tekst--color-normal {
 		background-color: var(--color-brand-text-bg);
diff --git a/src/back/jdd-components/tekst/tekst.jdd.tsx b/src/back/jdd-components/tekst/tekst.jdd.tsx
index 7e9531d..964422e 100644
--- a/src/back/jdd-components/tekst/tekst.jdd.tsx
+++ b/src/back/jdd-components/tekst/tekst.jdd.tsx
@@ -8,7 +8,7 @@ import type {
 import { Component, ComponentArguments } from "@sealcode/jdd";
 
 const component_arguments = {
-	color: new ComponentArguments.Enum(["normal", "accent", "accent2"]),
+	color: new ComponentArguments.Enum(["transparent", "normal", "accent", "accent2"]),
 	content: new ComponentArguments.Markdown(),
 } as const;