diff --git a/.changeset/pretty-spoons-bow.md b/.changeset/pretty-spoons-bow.md
new file mode 100644
index 0000000..5170860
--- /dev/null
+++ b/.changeset/pretty-spoons-bow.md
@@ -0,0 +1,5 @@
+---
+"@zenml-io/react-component-library": patch
+---
+
+minor adjustments to tailwind config
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
index 1181ec5..d853f2e 100644
--- a/src/components/Sidebar/Sidebar.tsx
+++ b/src/components/Sidebar/Sidebar.tsx
@@ -53,12 +53,11 @@ export const SidebarHeaderTitle = forwardRef<
 SidebarHeaderTitle.displayName = "SidebarHeaderTitle";
 
 export type SidebarHeaderProps = HTMLAttributes<HTMLDivElement> & {
-	title: string;
 	icon?: ReactNode;
 };
 
 export const SidebarHeader = forwardRef<HTMLDivElement, SidebarHeaderProps>(
-	({ title, icon, children, className, ...rest }, ref) => {
+	({ icon, children, className, ...rest }, ref) => {
 		const existingIconClasses = isValidElement(icon) ? icon.props.className || "" : "";
 
 		const iconClasses = cn(
diff --git a/src/tailwind/index.ts b/src/tailwind/index.ts
index d5583c4..83d0744 100644
--- a/src/tailwind/index.ts
+++ b/src/tailwind/index.ts
@@ -240,7 +240,8 @@ export const zenmlPlugin = plugin(
 				},
 				backgroundImage: {
 					"gradient-dark":
-						"linear-gradient(to bottom right, hsl(var(--color-primary-500)), hsl(var(--color-primary-400)))"
+						"linear-gradient(to bottom right, hsl(var(--color-primary-500)), hsl(var(--color-primary-400)))",
+					"gradient-light": "linear-gradient(to bottom, hsl(258, 100%, 97%), hsl(0, 100%, 100%))"
 				},
 				animation: {
 					"spin-slow": "spin 2s linear infinite"