diff --git a/src/app.css b/src/app.css
index 9352177bd8..38d64ce88f 100644
--- a/src/app.css
+++ b/src/app.css
@@ -6,12 +6,6 @@
 	font-display: swap;
 }
 
-@font-face {
-	font-family: 'Archivo';
-	src: url('/assets/fonts/Archivo-Variable.ttf');
-	font-display: swap;
-}
-
 @font-face {
 	font-family: 'Mona Sans';
 	src: url('/assets/fonts/Mona-Sans.woff2');
@@ -95,33 +89,29 @@ textarea::placeholder {
 }
 
 .input-prose {
-	@apply prose dark:prose-invert prose-headings:font-semibold prose-hr:my-4 prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-1 prose-img:my-1 prose-headings:my-2 prose-pre:my-0 prose-table:my-1 prose-blockquote:my-0 prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5 whitespace-pre-line;
+	@apply prose dark:prose-invert prose-headings:font-normal prose-hr:my-4 prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-1 prose-img:my-1 prose-headings:my-2 prose-pre:my-0 prose-table:my-1 prose-blockquote:my-0 prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5 whitespace-pre-line;
 }
 
 .input-prose-sm {
-	@apply prose dark:prose-invert prose-headings:font-medium prose-h1:text-2xl prose-h2:text-xl prose-h3:text-lg prose-hr:my-4 prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-1 prose-img:my-1 prose-headings:my-2 prose-pre:my-0 prose-table:my-1 prose-blockquote:my-0 prose-ul:my-1 prose-ol:my-1 prose-li:my-1 whitespace-pre-line text-sm;
+	@apply prose dark:prose-invert prose-headings:font-normal prose-h1:text-2xl prose-h2:text-xl prose-h3:text-lg prose-hr:my-4 prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-1 prose-img:my-1 prose-headings:my-2 prose-pre:my-0 prose-table:my-1 prose-blockquote:my-0 prose-ul:my-1 prose-ol:my-1 prose-li:my-1 whitespace-pre-line text-sm;
 }
 
 .markdown-prose {
-	@apply prose dark:prose-invert prose-blockquote:border-s-gray-100 prose-blockquote:dark:border-gray-800 prose-blockquote:border-s-2 prose-blockquote:not-italic prose-blockquote:font-normal  prose-headings:font-semibold prose-hr:my-4 prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-0 prose-img:my-1 prose-headings:my-1 prose-pre:my-0 prose-table:my-0 prose-blockquote:my-0 prose-ul:-my-0 prose-ol:-my-0 prose-li:-my-0 whitespace-pre-line;
+	@apply prose dark:prose-invert prose-blockquote:border-s-gray-100 prose-blockquote:dark:border-gray-800 prose-blockquote:border-s-2 prose-blockquote:not-italic prose-blockquote:font-normal  prose-headings:font-normal prose-hr:my-4 prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-0 prose-img:my-1 prose-headings:my-1 prose-pre:my-0 prose-table:my-0 prose-blockquote:my-0 prose-ul:-my-0 prose-ol:-my-0 prose-li:-my-0 whitespace-pre-line;
 }
 
 .markdown-prose-sm {
-	@apply text-sm prose dark:prose-invert prose-blockquote:border-s-gray-100 prose-blockquote:dark:border-gray-800 prose-blockquote:border-s-2 prose-blockquote:not-italic prose-blockquote:font-normal  prose-headings:font-semibold prose-hr:my-2  prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-0 prose-img:my-1 prose-headings:my-1 prose-pre:my-0 prose-table:my-0 prose-blockquote:my-0 prose-ul:-my-0 prose-ol:-my-0 prose-li:-my-0 whitespace-pre-line;
+	@apply text-sm prose dark:prose-invert prose-blockquote:border-s-gray-100 prose-blockquote:dark:border-gray-800 prose-blockquote:border-s-2 prose-blockquote:not-italic prose-blockquote:font-normal  prose-headings:font-normal prose-hr:my-2  prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-0 prose-img:my-1 prose-headings:my-1 prose-pre:my-0 prose-table:my-0 prose-blockquote:my-0 prose-ul:-my-0 prose-ol:-my-0 prose-li:-my-0 whitespace-pre-line;
 }
 
 .markdown-prose-xs {
-	@apply text-xs prose dark:prose-invert prose-blockquote:border-s-gray-100 prose-blockquote:dark:border-gray-800 prose-blockquote:border-s-2 prose-blockquote:not-italic prose-blockquote:font-normal  prose-headings:font-semibold prose-hr:my-0.5  prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-0 prose-img:my-1 prose-headings:my-1 prose-pre:my-0 prose-table:my-0 prose-blockquote:my-0 prose-ul:-my-0 prose-ol:-my-0 prose-li:-my-0 whitespace-pre-line;
+	@apply text-xs prose dark:prose-invert prose-blockquote:border-s-gray-100 prose-blockquote:dark:border-gray-800 prose-blockquote:border-s-2 prose-blockquote:not-italic prose-blockquote:font-normal  prose-headings:font-normal prose-hr:my-0.5  prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-0 prose-img:my-1 prose-headings:my-1 prose-pre:my-0 prose-table:my-0 prose-blockquote:my-0 prose-ul:-my-0 prose-ol:-my-0 prose-li:-my-0 whitespace-pre-line;
 }
 
 .markdown a {
 	@apply underline;
 }
 
-.font-primary {
-	font-family: 'Archivo', 'Vazirmatn', sans-serif;
-}
-
 .drag-region {
 	-webkit-app-region: drag;
 }
@@ -673,7 +663,7 @@ input[type='number'] {
 }
 
 .tiptap th {
-	@apply cursor-pointer text-start text-xs text-gray-700 dark:text-gray-400 font-semibold uppercase bg-gray-50 dark:bg-gray-850;
+	@apply cursor-pointer text-start text-xs text-gray-700 dark:text-gray-400 font-normal uppercase bg-gray-50 dark:bg-gray-850;
 }
 
 .tiptap td {
diff --git a/src/lib/components/AddConnectionModal.svelte b/src/lib/components/AddConnectionModal.svelte
index 26b1190465..08ee96cf4f 100644
--- a/src/lib/components/AddConnectionModal.svelte
+++ b/src/lib/components/AddConnectionModal.svelte
@@ -249,7 +249,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 pb-1.5">
-			<h1 class="text-lg font-medium self-center font-primary">
+			<h1 class="text-lg font-normal self-center ">
 				{#if edit}
 					{$i18n.t('Edit Connection')}
 				{:else}
@@ -691,11 +691,11 @@
 						</div>
 					</div>
 
-					<div class="flex justify-between items-center pt-3 text-sm font-medium">
+					<div class="flex justify-between items-center pt-3 text-sm font-normal">
 						<div>
 							{#if edit}
 								<button
-									class="px-1 py-1.5 text-sm font-medium text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:underline transition"
+									class="px-1 py-1.5 text-sm font-normal text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:underline transition"
 									type="button"
 									on:click={() => {
 										showDeleteConfirmDialog = true;
@@ -707,7 +707,7 @@
 						</div>
 
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/AddFilesPlaceholder.svelte b/src/lib/components/AddFilesPlaceholder.svelte
index 1579deb45a..4c0dc693bb 100644
--- a/src/lib/components/AddFilesPlaceholder.svelte
+++ b/src/lib/components/AddFilesPlaceholder.svelte
@@ -7,7 +7,7 @@
 </script>
 
 <div class="px-3">
-	<div class="text-center dark:text-white text-2xl font-medium z-50" role="heading" aria-level="2">
+	<div class="text-center dark:text-white text-2xl font-normal z-50" role="heading" aria-level="2">
 		{#if title}
 			{title}
 		{:else}
diff --git a/src/lib/components/AddTerminalServerModal.svelte b/src/lib/components/AddTerminalServerModal.svelte
index b40b45e7ef..35d5913715 100644
--- a/src/lib/components/AddTerminalServerModal.svelte
+++ b/src/lib/components/AddTerminalServerModal.svelte
@@ -359,7 +359,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class="flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
-			<h1 class="text-lg font-medium self-center font-primary">
+			<h1 class="text-lg font-normal self-center ">
 				{#if edit}
 					{$i18n.t('Edit Terminal Connection')}
 				{:else}
@@ -731,7 +731,7 @@
 								</div>
 								<button
 									type="button"
-									class="px-2 py-1 text-xs font-medium rounded-full bg-gray-100 hover:bg-gray-200 dark:bg-gray-850 dark:hover:bg-gray-800 transition"
+									class="px-2 py-1 text-xs font-normal rounded-full bg-gray-100 hover:bg-gray-200 dark:bg-gray-850 dark:hover:bg-gray-800 transition"
 									disabled={refreshing}
 									on:click={refreshHandler}
 								>
@@ -771,7 +771,7 @@
 								>
 									<LockClosed strokeWidth="2.5" className="size-3.5 shrink-0" />
 
-									<div class="text-xs font-medium shrink-0">
+									<div class="text-xs font-normal shrink-0">
 										{$i18n.t('Access')}
 									</div>
 								</button>
@@ -881,11 +881,11 @@
 							</div>
 						</div>
 
-						<div class="flex justify-between items-center pt-3 text-sm font-medium">
+						<div class="flex justify-between items-center pt-3 text-sm font-normal">
 							<div>
 								{#if edit}
 									<button
-										class="px-1 py-1.5 text-sm font-medium text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:underline transition"
+										class="px-1 py-1.5 text-sm font-normal text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:underline transition"
 										type="button"
 										on:click={() => {
 											showDeleteConfirmDialog = true;
@@ -897,7 +897,7 @@
 							</div>
 
 							<button
-								class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 disabled:opacity-50 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
+								class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 disabled:opacity-50 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
 								type="submit"
 								disabled={loadingPolicy || !!policyLoadError}
 							>
diff --git a/src/lib/components/AddToolServerModal.svelte b/src/lib/components/AddToolServerModal.svelte
index 1267007214..539b24ba02 100644
--- a/src/lib/components/AddToolServerModal.svelte
+++ b/src/lib/components/AddToolServerModal.svelte
@@ -445,7 +445,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
-			<h1 class=" text-lg font-medium self-center font-primary">
+			<h1 class=" text-lg font-normal self-center ">
 				{#if edit}
 					{$i18n.t('Edit Connection')}
 				{:else}
@@ -686,13 +686,13 @@
 
 											{#if !oauthClientInfo}
 												<div
-													class="text-xs font-medium px-1.5 rounded-md bg-yellow-500/20 text-yellow-700 dark:text-yellow-200"
+													class="text-xs font-normal px-1.5 rounded-md bg-yellow-500/20 text-yellow-700 dark:text-yellow-200"
 												>
 													{$i18n.t('Not Registered')}
 												</div>
 											{:else}
 												<div
-													class="text-xs font-medium px-1.5 rounded-md bg-green-500/20 text-green-700 dark:text-green-200"
+													class="text-xs font-normal px-1.5 rounded-md bg-green-500/20 text-green-700 dark:text-green-200"
 												>
 													{$i18n.t('Registered')}
 												</div>
@@ -813,7 +813,7 @@
 								>
 									<LockClosed strokeWidth="2.5" className="size-3.5 shrink-0" />
 
-									<div class="text-xs font-medium shrink-0">
+									<div class="text-xs font-normal shrink-0">
 										{$i18n.t('Access')}
 									</div>
 								</button>
@@ -999,24 +999,24 @@
 						<div
 							class=" bg-yellow-500/20 text-yellow-700 dark:text-yellow-200 rounded-2xl text-xs px-4 py-3 mb-2 mt-1"
 						>
-							<span class="font-medium">
+							<span class="font-normal">
 								{$i18n.t('Warning')}:
 							</span>
 							{$i18n.t(
 								'MCP support is experimental and its specification changes often, which can lead to incompatibilities. OpenAPI specification support is directly maintained by the Open WebUI team, making it the more reliable option for compatibility.'
 							)}
 
-							<a class="font-medium underline" href="https://docs.openwebui.com/" target="_blank"
+							<a class="font-normal underline" href="https://docs.openwebui.com/" target="_blank"
 								>{$i18n.t('Read more →')}</a
 							>
 						</div>
 					{/if}
 
-					<div class="flex justify-between items-center pt-3 text-sm font-medium">
+					<div class="flex justify-between items-center pt-3 text-sm font-normal">
 						<div>
 							{#if edit}
 								<button
-									class="px-1 py-1.5 text-sm font-medium text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:underline transition"
+									class="px-1 py-1.5 text-sm font-normal text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:underline transition"
 									type="button"
 									on:click={() => {
 										showDeleteConfirmDialog = true;
@@ -1028,7 +1028,7 @@
 						</div>
 
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/AutomationModal.svelte b/src/lib/components/AutomationModal.svelte
index f112d093c0..7010ca631f 100644
--- a/src/lib/components/AutomationModal.svelte
+++ b/src/lib/components/AutomationModal.svelte
@@ -112,7 +112,7 @@
 		<!-- Header -->
 		<div class="flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
 			<input
-				class="w-full text-lg font-medium bg-transparent outline-hidden font-primary placeholder:text-gray-300 dark:placeholder:text-gray-700"
+				class="w-full text-lg font-normal bg-transparent outline-hidden  placeholder:text-gray-300 dark:placeholder:text-gray-700"
 				type="text"
 				bind:value={name}
 				placeholder={$i18n.t('Automation title')}
@@ -154,7 +154,7 @@
 					{$i18n.t('Cancel')}
 				</button>
 				<button
-					class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 {loading
+					class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 {loading
 						? 'cursor-not-allowed'
 						: ''}"
 					on:click={submitHandler}
diff --git a/src/lib/components/ChangelogModal.svelte b/src/lib/components/ChangelogModal.svelte
index ce0e67da7b..104240e47f 100644
--- a/src/lib/components/ChangelogModal.svelte
+++ b/src/lib/components/ChangelogModal.svelte
@@ -38,7 +38,7 @@
 <Modal bind:show size="xl">
 	<div class="px-6 pt-5 dark:text-white text-black">
 		<div class="flex justify-between items-start">
-			<h2 class="text-xl font-medium m-0">
+			<h2 class="text-xl font-normal m-0">
 				{$i18n.t("What's New in")}
 				{$WEBUI_NAME}
 				<Confetti x={[-1, -0.25]} y={[0, 0.5]} />
@@ -62,7 +62,7 @@
 				{#if changelog}
 					{#each Object.keys(changelog) as version}
 						<div class=" mb-3 pr-2">
-							<h3 class="font-semibold text-xl mb-1 dark:text-white m-0">
+							<h3 class="font-normal text-xl mb-1 dark:text-white m-0">
 								v{version} - {changelog[version].date}
 							</h3>
 
@@ -71,7 +71,7 @@
 							{#each Object.keys(changelog[version]).filter((section) => section !== 'date') as section}
 								<div class="w-full">
 									<div
-										class="font-semibold uppercase text-xs {section === 'added'
+										class="font-normal uppercase text-xs {section === 'added'
 											? 'bg-blue-500/20 text-blue-700 dark:text-blue-200'
 											: section === 'fixed'
 												? 'bg-green-500/20 text-green-700 dark:text-green-200'
@@ -98,10 +98,10 @@
 				{/if}
 			</div>
 		</div>
-		<div class="flex justify-end pt-3 text-sm font-medium">
+		<div class="flex justify-end pt-3 text-sm font-normal">
 			<button
 				on:click={closeModal}
-				class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+				class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			>
 				<span class="relative">{$i18n.t("Okay, Let's Go!")}</span>
 			</button>
diff --git a/src/lib/components/ImportModal.svelte b/src/lib/components/ImportModal.svelte
index 043c036799..35dbd075b6 100644
--- a/src/lib/components/ImportModal.svelte
+++ b/src/lib/components/ImportModal.svelte
@@ -64,7 +64,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
-			<div class=" text-lg font-medium self-center">{$i18n.t('Import')}</div>
+			<div class=" text-lg font-normal self-center">{$i18n.t('Import')}</div>
 			<button
 				class="self-center"
 				aria-label={$i18n.t('Close')}
@@ -102,9 +102,9 @@
 						</div>
 					</div>
 
-					<div class="flex justify-end pt-3 text-sm font-medium">
+					<div class="flex justify-end pt-3 text-sm font-normal">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/NotificationToast.svelte b/src/lib/components/NotificationToast.svelte
index 537d55f134..bfe2166744 100644
--- a/src/lib/components/NotificationToast.svelte
+++ b/src/lib/components/NotificationToast.svelte
@@ -114,7 +114,7 @@
 
 	<div>
 		{#if title}
-			<div class=" text-[13px] font-medium mb-0.5 line-clamp-1">{title}</div>
+			<div class=" text-[13px] font-normal mb-0.5 line-clamp-1">{title}</div>
 		{/if}
 
 		<div class=" line-clamp-2 text-xs self-center dark:text-gray-300 font-normal">
diff --git a/src/lib/components/OnBoarding.svelte b/src/lib/components/OnBoarding.svelte
index 7514a5b020..15671a2d49 100644
--- a/src/lib/components/OnBoarding.svelte
+++ b/src/lib/components/OnBoarding.svelte
@@ -88,14 +88,14 @@
 					<div class="flex flex-col justify-center items-center">
 						<button
 							aria-label={$i18n.t('Get started')}
-							class="relative z-20 flex p-1 rounded-full bg-white/5 hover:bg-white/10 transition font-medium text-sm"
+							class="relative z-20 flex p-1 rounded-full bg-white/5 hover:bg-white/10 transition font-normal text-sm"
 							on:click={() => {
 								getStartedHandler();
 							}}
 						>
 							<ArrowRightCircle className="size-6" aria-hidden="true" />
 						</button>
-						<div class="mt-1.5 font-primary text-base font-medium" aria-hidden="true">
+						<div class="mt-1.5  text-base font-normal" aria-hidden="true">
 							{$i18n.t(`Get started`)}
 						</div>
 					</div>
diff --git a/src/lib/components/admin/Analytics/AnalyticsModelModal.svelte b/src/lib/components/admin/Analytics/AnalyticsModelModal.svelte
index c716ab05ec..bcc1faaa1f 100644
--- a/src/lib/components/admin/Analytics/AnalyticsModelModal.svelte
+++ b/src/lib/components/admin/Analytics/AnalyticsModelModal.svelte
@@ -180,7 +180,7 @@
 	{#if model}
 		<div class="flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
 			<Tooltip content={`${model.name} (${model.id})`} placement="top-start">
-				<div class="text-lg font-medium self-center line-clamp-1">
+				<div class="text-lg font-normal self-center line-clamp-1">
 					{model.name}
 				</div>
 			</Tooltip>
@@ -193,7 +193,7 @@
 		<div class="px-5 border-b border-gray-100 dark:border-gray-850">
 			<div class="flex gap-4">
 				<button
-					class="py-2 text-sm font-medium border-b-2 transition-colors {selectedTab === 'overview'
+					class="py-2 text-sm font-normal border-b-2 transition-colors {selectedTab === 'overview'
 						? 'border-black dark:border-white text-gray-900 dark:text-white'
 						: 'border-transparent text-gray-500 hover:text-gray-700 dark:hover:text-gray-300'}"
 					on:click={() => selectTab('overview')}
@@ -202,7 +202,7 @@
 				</button>
 				{#if $config?.features?.enable_admin_chat_access}
 					<button
-						class="py-2 text-sm font-medium border-b-2 transition-colors {selectedTab === 'chats'
+						class="py-2 text-sm font-normal border-b-2 transition-colors {selectedTab === 'chats'
 							? 'border-black dark:border-white text-gray-900 dark:text-white'
 							: 'border-transparent text-gray-500 hover:text-gray-700 dark:hover:text-gray-300'}"
 						on:click={() => selectTab('chats')}
@@ -219,7 +219,7 @@
 				<div class="mb-4 mt-3">
 					<div class="flex items-center justify-between mb-2">
 						<Tooltip content={$i18n.t('Thumbs up/down ratings from users on model responses')}>
-							<div class="text-xs text-gray-500 font-medium uppercase tracking-wide cursor-help">
+							<div class="text-xs text-gray-500 font-normal uppercase tracking-wide cursor-help">
 								{$i18n.t('Feedback Activity')}
 							</div>
 						</Tooltip>
@@ -229,7 +229,7 @@
 							{#each TIME_RANGES as range}
 								<button
 									type="button"
-									class="rounded-full transition-all duration-200 px-2.5 py-0.5 text-xs font-medium {selectedRange ===
+									class="rounded-full transition-all duration-200 px-2.5 py-0.5 text-xs font-normal {selectedRange ===
 									range.key
 										? 'bg-white text-gray-900 shadow-sm dark:bg-gray-700 dark:text-white'
 										: 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200'}"
@@ -249,14 +249,14 @@
 
 				<!-- Tags -->
 				<div class="mb-4">
-					<div class="text-xs text-gray-500 mb-2 font-medium uppercase tracking-wide">
+					<div class="text-xs text-gray-500 mb-2 font-normal uppercase tracking-wide">
 						{$i18n.t('Tags')}
 					</div>
 					{#if tags.length}
 						<div class="flex flex-wrap gap-1 -mx-1">
 							{#each tags as tagInfo}
 								<span class="px-2 py-0.5 rounded-full bg-gray-100 dark:bg-gray-850 text-xs">
-									{tagInfo.tag} <span class="text-gray-500 font-medium">{tagInfo.count}</span>
+									{tagInfo.tag} <span class="text-gray-500 font-normal">{tagInfo.count}</span>
 								</span>
 							{/each}
 						</div>
@@ -283,7 +283,7 @@
 
 			<div class="flex justify-end pt-4">
 				<button
-					class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+					class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 					type="button"
 					on:click={close}
 				>
diff --git a/src/lib/components/admin/Analytics/Dashboard.svelte b/src/lib/components/admin/Analytics/Dashboard.svelte
index 009ccf2744..ee2f2f7d58 100644
--- a/src/lib/components/admin/Analytics/Dashboard.svelte
+++ b/src/lib/components/admin/Analytics/Dashboard.svelte
@@ -234,7 +234,7 @@
 <div
 	class="pt-0.5 pb-1 gap-1 flex flex-row justify-between items-center sticky top-0 z-10 bg-white dark:bg-gray-900"
 >
-	<div class="text-lg font-medium px-0.5 shrink-0">
+	<div class="text-lg font-normal px-0.5 shrink-0">
 		{$i18n.t('Analytics')}
 	</div>
 	<div class="flex items-center gap-2 flex-wrap justify-end min-w-0">
@@ -287,27 +287,27 @@
 {#if !loading}
 	<div class="flex gap-3 text-xs text-gray-500 dark:text-gray-400 px-0.5 pb-2">
 		<span
-			><span class="font-medium text-gray-900 dark:text-gray-300"
+			><span class="font-normal text-gray-900 dark:text-gray-300"
 				>{summary.total_messages.toLocaleString()}</span
 			>
 			{$i18n.t('messages')}</span
 		>
 		<Tooltip content={$i18n.t('Token counts are estimates and may not reflect actual API usage')}>
 			<span class="cursor-help"
-				><span class="font-medium text-gray-900 dark:text-gray-300"
+				><span class="font-normal text-gray-900 dark:text-gray-300"
 					>{formatNumber(totalTokens.total)}</span
 				>
 				{$i18n.t('tokens')}</span
 			>
 		</Tooltip>
 		<span
-			><span class="font-medium text-gray-900 dark:text-gray-300"
+			><span class="font-normal text-gray-900 dark:text-gray-300"
 				>{summary.total_chats.toLocaleString()}</span
 			>
 			{$i18n.t('chats')}</span
 		>
 		<span
-			><span class="font-medium text-gray-900 dark:text-gray-300">{summary.total_users}</span>
+			><span class="font-normal text-gray-900 dark:text-gray-300">{summary.total_users}</span>
 			{$i18n.t('users')}</span
 		>
 	</div>
@@ -328,7 +328,7 @@
 		]}
 		{@const periodMap = { '24h': 'hour', '7d': 'week', '30d': 'month', '90d': 'year', all: 'all' }}
 		<div class="mb-4">
-			<div class="text-xs font-medium text-gray-600 dark:text-gray-400 mb-2 px-0.5">
+			<div class="text-xs font-normal text-gray-600 dark:text-gray-400 mb-2 px-0.5">
 				{selectedPeriod === '24h' ? $i18n.t('Hourly Messages') : $i18n.t('Daily Messages')}
 			</div>
 			<ChartLine
@@ -350,7 +350,7 @@
 	<div class="grid md:grid-cols-2 gap-4">
 		<!-- Model Usage Table -->
 		<div>
-			<div class="text-xs font-medium text-gray-700 dark:text-gray-300 mb-1 px-0.5">
+			<div class="text-xs font-normal text-gray-700 dark:text-gray-300 mb-1 px-0.5">
 				{$i18n.t('Model Usage')}
 			</div>
 			<div class="scrollbar-hidden relative whitespace-nowrap overflow-x-auto max-w-full">
@@ -478,7 +478,7 @@
 								}}
 							>
 								<td class="px-3 py-1 text-gray-400">{idx + 1}</td>
-								<td class="px-3 py-1 font-medium text-gray-900 dark:text-white">
+								<td class="px-3 py-1 font-normal text-gray-900 dark:text-white">
 									<div class="flex items-center gap-2">
 										<img
 											src="{WEBUI_API_BASE_URL}/models/model/profile/image?id={model.model_id}"
@@ -518,7 +518,7 @@
 
 		<!-- User Activity Table -->
 		<div>
-			<div class="text-xs font-medium text-gray-700 dark:text-gray-300 mb-1 px-0.5">
+			<div class="text-xs font-normal text-gray-700 dark:text-gray-300 mb-1 px-0.5">
 				{$i18n.t('User Activity')}
 			</div>
 			<div class="scrollbar-hidden relative whitespace-nowrap overflow-x-auto max-w-full">
@@ -586,7 +586,7 @@
 						{#each sortedUsers as user, idx (user.user_id)}
 							<tr class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs">
 								<td class="px-3 py-1 text-gray-400">{idx + 1}</td>
-								<td class="px-3 py-1 font-medium text-gray-900 dark:text-white">
+								<td class="px-3 py-1 font-normal text-gray-900 dark:text-white">
 									<div class="flex items-center gap-2">
 										<img
 											src="{WEBUI_API_BASE_URL}/users/{user.user_id}/profile/image"
diff --git a/src/lib/components/admin/Analytics/ModelUsage.svelte b/src/lib/components/admin/Analytics/ModelUsage.svelte
index a176080b59..e904f70939 100644
--- a/src/lib/components/admin/Analytics/ModelUsage.svelte
+++ b/src/lib/components/admin/Analytics/ModelUsage.svelte
@@ -54,7 +54,7 @@
 <div
 	class="pt-0.5 pb-1 gap-1 flex flex-col md:flex-row justify-between sticky top-0 z-10 bg-white dark:bg-gray-900"
 >
-	<div class="flex items-center text-xl font-medium px-0.5 gap-2 shrink-0">
+	<div class="flex items-center text-xl font-normal px-0.5 gap-2 shrink-0">
 		{$i18n.t('Model Usage')}
 		<span class="text-lg text-gray-500">{totalMessages} {$i18n.t('messages')}</span>
 	</div>
@@ -137,7 +137,7 @@
 					<tr
 						class="bg-white dark:bg-gray-900 text-xs hover:bg-gray-50 dark:hover:bg-gray-850/50 transition"
 					>
-						<td class="px-3 py-1.5 font-medium text-gray-900 dark:text-white">
+						<td class="px-3 py-1.5 font-normal text-gray-900 dark:text-white">
 							{idx + 1}
 						</td>
 						<td class="px-3 py-1.5">
@@ -150,13 +150,13 @@
 										e.target.src = '/favicon.png';
 									}}
 								/>
-								<span class="font-medium text-gray-800 dark:text-gray-200">{model.name}</span>
+								<span class="font-normal text-gray-800 dark:text-gray-200">{model.name}</span>
 							</div>
 						</td>
-						<td class="px-3 py-1.5 text-right font-medium text-gray-900 dark:text-white">
+						<td class="px-3 py-1.5 text-right font-normal text-gray-900 dark:text-white">
 							{model.count.toLocaleString()}
 						</td>
-						<td class="px-3 py-1.5 text-right font-medium text-blue-500">
+						<td class="px-3 py-1.5 text-right font-normal text-blue-500">
 							{((model.count / totalMessages) * 100).toFixed(1)}%
 						</td>
 					</tr>
diff --git a/src/lib/components/admin/Analytics/UserUsage.svelte b/src/lib/components/admin/Analytics/UserUsage.svelte
index f040222496..6dee58844f 100644
--- a/src/lib/components/admin/Analytics/UserUsage.svelte
+++ b/src/lib/components/admin/Analytics/UserUsage.svelte
@@ -49,7 +49,7 @@
 <div
 	class="pt-0.5 pb-1 gap-1 flex flex-col md:flex-row justify-between sticky top-0 z-10 bg-white dark:bg-gray-900"
 >
-	<div class="flex items-center text-xl font-medium px-0.5 gap-2 shrink-0">
+	<div class="flex items-center text-xl font-normal px-0.5 gap-2 shrink-0">
 		{$i18n.t('User Activity')}
 		<span class="text-lg text-gray-500">{userStats.length} {$i18n.t('users')}</span>
 	</div>
@@ -132,18 +132,18 @@
 					<tr
 						class="bg-white dark:bg-gray-900 text-xs hover:bg-gray-50 dark:hover:bg-gray-850/50 transition"
 					>
-						<td class="px-3 py-1.5 font-medium text-gray-900 dark:text-white">
+						<td class="px-3 py-1.5 font-normal text-gray-900 dark:text-white">
 							{idx + 1}
 						</td>
 						<td class="px-3 py-1.5">
-							<span class="font-medium text-gray-800 dark:text-gray-200 font-mono text-xs">
+							<span class="font-normal text-gray-800 dark:text-gray-200 font-mono text-xs">
 								{user.user_id.substring(0, 8)}...
 							</span>
 						</td>
-						<td class="px-3 py-1.5 text-right font-medium text-gray-900 dark:text-white">
+						<td class="px-3 py-1.5 text-right font-normal text-gray-900 dark:text-white">
 							{user.count.toLocaleString()}
 						</td>
-						<td class="px-3 py-1.5 text-right font-medium text-blue-500">
+						<td class="px-3 py-1.5 text-right font-normal text-blue-500">
 							{((user.count / totalMessages) * 100).toFixed(1)}%
 						</td>
 					</tr>
diff --git a/src/lib/components/admin/Evaluations.svelte b/src/lib/components/admin/Evaluations.svelte
index 98a328730b..9740bd6d26 100644
--- a/src/lib/components/admin/Evaluations.svelte
+++ b/src/lib/components/admin/Evaluations.svelte
@@ -52,7 +52,7 @@
 	<div class="flex flex-col lg:flex-row w-full h-full pb-2 lg:space-x-4">
 		<div
 			id="users-tabs-container"
-			class="tabs mx-[16px] lg:mx-0 lg:px-[16px] flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-50 dark:text-gray-200 text-sm font-medium text-left scrollbar-none"
+			class="tabs mx-[16px] lg:mx-0 lg:px-[16px] flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-50 dark:text-gray-200 text-sm font-normal text-left scrollbar-none"
 		>
 			<a
 				id="leaderboard"
diff --git a/src/lib/components/admin/Evaluations/FeedbackModal.svelte b/src/lib/components/admin/Evaluations/FeedbackModal.svelte
index d9125e68a9..7cb4d5c290 100644
--- a/src/lib/components/admin/Evaluations/FeedbackModal.svelte
+++ b/src/lib/components/admin/Evaluations/FeedbackModal.svelte
@@ -43,7 +43,7 @@
 	{#if selectedFeedback}
 		<div>
 			<div class="flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
-				<div class="text-lg font-medium self-center">
+				<div class="text-lg font-normal self-center">
 					{$i18n.t('Feedback Details')}
 				</div>
 				<button class="self-center" on:click={close} aria-label="Close">
@@ -131,7 +131,7 @@
 
 						<div class="flex justify-end pt-2">
 							<button
-								class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+								class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 								type="button"
 								on:click={close}
 							>
diff --git a/src/lib/components/admin/Evaluations/Feedbacks.svelte b/src/lib/components/admin/Evaluations/Feedbacks.svelte
index 80e88a2306..4266b4fcea 100644
--- a/src/lib/components/admin/Evaluations/Feedbacks.svelte
+++ b/src/lib/components/admin/Evaluations/Feedbacks.svelte
@@ -218,12 +218,12 @@
 {:else}
 	<div class="flex flex-col gap-1 mt-0.5 mb-3">
 		<div class="flex justify-between items-center">
-			<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
+			<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
 				<div>
 					{$i18n.t('Feedback History')}
 				</div>
 
-				<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+				<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 					{total}
 				</div>
 			</div>
@@ -234,7 +234,7 @@
 						<button
 							class="flex text-xs items-center space-x-1 px-3 py-1.5 rounded-xl bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-gray-200 transition"
 						>
-							<div class="self-center font-medium line-clamp-1">
+							<div class="self-center font-normal line-clamp-1">
 								{$i18n.t('Export')}
 							</div>
 							<ChevronDown className="size-3" strokeWidth="2.5" />
@@ -319,7 +319,7 @@
 				<div class="w-full h-full flex flex-col justify-center items-center my-16 mb-24">
 					<div class="max-w-md text-center">
 						<div class="text-3xl mb-3">😕</div>
-						<div class="text-lg font-medium mb-1">{$i18n.t('No feedback found')}</div>
+						<div class="text-lg font-normal mb-1">{$i18n.t('No feedback found')}</div>
 						<div class="text-gray-500 text-center text-xs">
 							{$i18n.t('Try adjusting your search or filter to find what you are looking for.')}
 						</div>
@@ -432,7 +432,7 @@
 								class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-850/50 transition rounded-xl"
 								on:click={() => openFeedbackModal(feedback)}
 							>
-								<td class=" py-0.5 text-right font-medium">
+								<td class=" py-0.5 text-right font-normal">
 									<div class="flex justify-center">
 										<Tooltip content={feedback?.user?.name}>
 											<div class="shrink-0">
@@ -452,7 +452,7 @@
 											{#if feedback.data?.sibling_model_ids}
 												<Tooltip content={feedback.data?.model_id} placement="top-start">
 													<div
-														class="font-medium text-gray-600 dark:text-gray-400 flex-1 line-clamp-1"
+														class="font-normal text-gray-600 dark:text-gray-400 flex-1 line-clamp-1"
 													>
 														{feedback.data?.model_id}
 													</div>
@@ -476,7 +476,7 @@
 											{:else}
 												<Tooltip content={feedback.data?.model_id} placement="top-start">
 													<div
-														class="text-sm font-medium text-gray-600 dark:text-gray-400 flex-1 py-1.5 line-clamp-1"
+														class="text-sm font-normal text-gray-600 dark:text-gray-400 flex-1 py-1.5 line-clamp-1"
 													>
 														{feedback.data?.model_id}
 													</div>
@@ -487,7 +487,7 @@
 								</td>
 
 								{#if feedback?.data?.rating}
-									<td class="px-3 py-1 text-right font-medium text-gray-900 dark:text-white w-max">
+									<td class="px-3 py-1 text-right font-normal text-gray-900 dark:text-white w-max">
 										<div class=" flex justify-end">
 											{#if feedback?.data?.rating.toString() === '1'}
 												<Badge type="info" content={$i18n.t('Won')} />
@@ -500,11 +500,11 @@
 									</td>
 								{/if}
 
-								<td class=" px-3 py-1 text-right font-medium">
+								<td class=" px-3 py-1 text-right font-normal">
 									{dayjs(feedback.updated_at * 1000).fromNow()}
 								</td>
 
-								<td class=" px-3 py-1 text-right font-medium" on:click={(e) => e.stopPropagation()}>
+								<td class=" px-3 py-1 text-right font-normal" on:click={(e) => e.stopPropagation()}>
 									<FeedbackMenu
 										on:delete={(e) => {
 											deleteFeedbackHandler(feedback.id);
diff --git a/src/lib/components/admin/Evaluations/Leaderboard.svelte b/src/lib/components/admin/Evaluations/Leaderboard.svelte
index 72cb975623..88cb2042b3 100644
--- a/src/lib/components/admin/Evaluations/Leaderboard.svelte
+++ b/src/lib/components/admin/Evaluations/Leaderboard.svelte
@@ -123,7 +123,7 @@
 <div
 	class="pt-0.5 pb-1 gap-1 flex flex-col md:flex-row justify-between sticky top-0 z-10 bg-white dark:bg-gray-900"
 >
-	<div class="flex items-center text-xl font-medium px-0.5 gap-2 shrink-0">
+	<div class="flex items-center text-xl font-normal px-0.5 gap-2 shrink-0">
 		{$i18n.t('Leaderboard')}
 		<span class="text-lg text-gray-500">{rankedModels.length}</span>
 	</div>
@@ -188,7 +188,7 @@
 						class="bg-white dark:bg-gray-900 text-xs group cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-850/50 transition"
 						on:click={() => openModal(model)}
 					>
-						<td class="px-3 py-1.5 font-medium text-gray-900 dark:text-white">
+						<td class="px-3 py-1.5 font-normal text-gray-900 dark:text-white">
 							{model.rating !== '-' ? idx + 1 : '-'}
 						</td>
 						<td class="px-3 py-1.5">
@@ -202,16 +202,16 @@
 									}}
 								/>
 								<Tooltip content={`${model.name} (${model.id})`} placement="top-start">
-									<span class="font-medium text-gray-800 dark:text-gray-200 line-clamp-1"
+									<span class="font-normal text-gray-800 dark:text-gray-200 line-clamp-1"
 										>{model.name}</span
 									>
 								</Tooltip>
 							</div>
 						</td>
-						<td class="px-3 py-1.5 text-right font-medium text-gray-900 dark:text-white">
+						<td class="px-3 py-1.5 text-right font-normal text-gray-900 dark:text-white">
 							{model.rating}
 						</td>
-						<td class="px-3 py-1.5 text-right font-medium text-green-500 w-10">
+						<td class="px-3 py-1.5 text-right font-normal text-green-500 w-10">
 							{#if model.stats.won === '-'}-{:else}
 								<span class="hidden group-hover:inline"
 									>{((Number(model.stats.won) / model.stats.count) * 100).toFixed(1)}%</span
@@ -219,7 +219,7 @@
 								<span class="group-hover:hidden">{model.stats.won}</span>
 							{/if}
 						</td>
-						<td class="px-3 py-1.5 text-right font-medium text-red-500 w-10">
+						<td class="px-3 py-1.5 text-right font-normal text-red-500 w-10">
 							{#if model.stats.lost === '-'}-{:else}
 								<span class="hidden group-hover:inline"
 									>{((Number(model.stats.lost) / model.stats.count) * 100).toFixed(1)}%</span
diff --git a/src/lib/components/admin/Evaluations/LeaderboardModal.svelte b/src/lib/components/admin/Evaluations/LeaderboardModal.svelte
index e71dd7ae56..94c0274309 100644
--- a/src/lib/components/admin/Evaluations/LeaderboardModal.svelte
+++ b/src/lib/components/admin/Evaluations/LeaderboardModal.svelte
@@ -63,7 +63,7 @@
 	{#if model}
 		<div class="flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
 			<Tooltip content={`${model.name} (${model.id})`} placement="top-start">
-				<div class="text-lg font-medium self-center line-clamp-1">
+				<div class="text-lg font-normal self-center line-clamp-1">
 					{model.name}
 				</div>
 			</Tooltip>
@@ -75,7 +75,7 @@
 			<!-- Activity Chart -->
 			<div class="mb-4">
 				<div class="flex items-center justify-between mb-2">
-					<div class="text-xs text-gray-500 font-medium uppercase tracking-wide">
+					<div class="text-xs text-gray-500 font-normal uppercase tracking-wide">
 						{$i18n.t('Activity')}
 					</div>
 					<div
@@ -84,7 +84,7 @@
 						{#each TIME_RANGES as range}
 							<button
 								type="button"
-								class="rounded-full transition-all duration-200 px-2.5 py-0.5 text-xs font-medium {selectedRange ===
+								class="rounded-full transition-all duration-200 px-2.5 py-0.5 text-xs font-normal {selectedRange ===
 								range.key
 									? 'bg-white text-gray-900 shadow-sm dark:bg-gray-700 dark:text-white'
 									: 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200'}"
@@ -103,14 +103,14 @@
 			</div>
 
 			<div class="mb-4">
-				<div class="text-xs text-gray-500 mb-2 font-medium uppercase tracking-wide">
+				<div class="text-xs text-gray-500 mb-2 font-normal uppercase tracking-wide">
 					{$i18n.t('Tags')}
 				</div>
 				{#if topTags.length}
 					<div class="flex flex-wrap gap-1 -mx-1">
 						{#each topTags as tagInfo}
 							<span class="px-2 py-0.5 rounded-full bg-gray-100 dark:bg-gray-850 text-xs">
-								{tagInfo.tag} <span class="text-gray-500 font-medium">{tagInfo.count}</span>
+								{tagInfo.tag} <span class="text-gray-500 font-normal">{tagInfo.count}</span>
 							</span>
 						{/each}
 					</div>
@@ -121,7 +121,7 @@
 
 			<div class="flex justify-end pt-2">
 				<button
-					class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+					class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 					type="button"
 					on:click={close}
 				>
diff --git a/src/lib/components/admin/Functions.svelte b/src/lib/components/admin/Functions.svelte
index e13b4ffc50..bbad6f9c5e 100644
--- a/src/lib/components/admin/Functions.svelte
+++ b/src/lib/components/admin/Functions.svelte
@@ -285,12 +285,12 @@
 				/>
 
 				<div class="flex justify-between items-center w-full">
-					<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
+					<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
 						<div>
 							{$i18n.t('Functions')}
 						</div>
 
-						<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+						<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 							{filteredItems.length}
 						</div>
 					</div>
@@ -303,7 +303,7 @@
 									functionsImportInputElement.click();
 								}}
 							>
-								<div class=" self-center font-medium line-clamp-1">
+								<div class=" self-center font-normal line-clamp-1">
 									{$i18n.t('Import')}
 								</div>
 							</button>
@@ -325,7 +325,7 @@
 										}
 									}}
 								>
-									<div class=" self-center font-medium line-clamp-1">
+									<div class=" self-center font-normal line-clamp-1">
 										{$i18n.t('Export')}
 									</div>
 								</button>
@@ -340,7 +340,7 @@
 							}}
 						>
 							<div
-								class="cursor-pointer px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
+								class="cursor-pointer px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-normal text-sm flex items-center"
 							>
 								<Plus className="size-3" strokeWidth="2.5" />
 
@@ -432,7 +432,7 @@
 										<Tooltip content={func.id} placement="top-start">
 											<div class=" flex items-center gap-1.5">
 												<div
-													class=" text-xs font-semibold px-1 rounded-sm uppercase line-clamp-1 bg-gray-500/20 text-gray-700 dark:text-gray-200"
+													class=" text-xs font-normal px-1 rounded-sm uppercase line-clamp-1 bg-gray-500/20 text-gray-700 dark:text-gray-200"
 												>
 													{func.type}
 												</div>
@@ -441,7 +441,7 @@
 													{func.name}
 												</div>
 												{#if func?.meta?.manifest?.version}
-													<div class=" text-gray-500 text-xs font-medium shrink-0">
+													<div class=" text-gray-500 text-xs font-normal shrink-0">
 														v{func?.meta?.manifest?.version ?? ''}
 													</div>
 												{/if}
@@ -590,7 +590,7 @@
 				<div class=" w-full h-full flex flex-col justify-center items-center my-16 mb-24">
 					<div class="max-w-md text-center">
 						<div class=" text-3xl mb-3">😕</div>
-						<div class=" text-lg font-medium mb-1">{$i18n.t('No functions found')}</div>
+						<div class=" text-lg font-normal mb-1">{$i18n.t('No functions found')}</div>
 						<div class=" text-gray-500 text-center text-xs">
 							{$i18n.t('Try adjusting your search or filter to find what you are looking for.')}
 						</div>
@@ -622,7 +622,7 @@
 		}}
 	>
 		<div class=" text-sm text-gray-500 truncate">
-			{$i18n.t('This will delete')} <span class="  font-semibold">{selectedFunction.name}</span>.
+			{$i18n.t('This will delete')} <span class="  font-normal">{selectedFunction.name}</span>.
 		</div>
 	</DeleteConfirmDialog>
 
diff --git a/src/lib/components/admin/Functions/FunctionEditor.svelte b/src/lib/components/admin/Functions/FunctionEditor.svelte
index f97b713bca..76e021c6d2 100644
--- a/src/lib/components/admin/Functions/FunctionEditor.svelte
+++ b/src/lib/components/admin/Functions/FunctionEditor.svelte
@@ -366,7 +366,7 @@ class Pipe:
 						<div class="flex-1">
 							<Tooltip content={$i18n.t('e.g. My Filter')} placement="top-start">
 								<input
-									class="w-full text-2xl font-medium bg-transparent outline-hidden font-primary"
+									class="w-full text-2xl font-normal bg-transparent outline-hidden "
 									type="text"
 									placeholder={$i18n.t('Function Name')}
 									bind:value={name}
@@ -455,16 +455,16 @@ class Pipe:
 				<div class="pb-3 flex justify-between">
 					<div class="flex-1 pr-3">
 						<div class="text-xs text-gray-500 line-clamp-2">
-							<span class=" font-semibold dark:text-gray-200">{$i18n.t('Warning:')}</span>
+							<span class=" font-normal dark:text-gray-200">{$i18n.t('Warning:')}</span>
 							{$i18n.t('Functions allow arbitrary code execution.')} <br />—
-							<span class=" font-medium dark:text-gray-400"
+							<span class=" font-normal dark:text-gray-400"
 								>{$i18n.t(`don't install random functions from sources you don't trust.`)}</span
 							>
 						</div>
 					</div>
 
 					<button
-						class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+						class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 						type="submit"
 					>
 						{$i18n.t('Save')}
diff --git a/src/lib/components/admin/Settings.svelte b/src/lib/components/admin/Settings.svelte
index 370b4f005e..e14fe1a484 100644
--- a/src/lib/components/admin/Settings.svelte
+++ b/src/lib/components/admin/Settings.svelte
@@ -331,7 +331,7 @@
 <div class="flex flex-col lg:flex-row w-full h-full pb-2 lg:space-x-4">
 	<div
 		id="admin-settings-tabs-container"
-		class="tabs mx-[16px] lg:mx-0 lg:px-[16px] flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-50 dark:text-gray-200 text-sm font-medium text-left scrollbar-none"
+		class="tabs mx-[16px] lg:mx-0 lg:px-[16px] flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-50 dark:text-gray-200 text-sm font-normal text-left scrollbar-none"
 	>
 		<div
 			class="hidden lg:flex w-full rounded-full px-2.5 gap-2 bg-gray-100/80 dark:bg-gray-850/80 backdrop-blur-2xl my-1 -mx-1 mt-1.5"
diff --git a/src/lib/components/admin/Settings/Audio.svelte b/src/lib/components/admin/Settings/Audio.svelte
index a9a7fad001..964aebf8e1 100644
--- a/src/lib/components/admin/Settings/Audio.svelte
+++ b/src/lib/components/admin/Settings/Audio.svelte
@@ -236,13 +236,13 @@
 	<div class=" space-y-3 overflow-y-scroll scrollbar-hidden h-full">
 		<div class="flex flex-col gap-3">
 			<div>
-				<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Speech-to-Text')}</div>
+				<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Speech-to-Text')}</div>
 
 				<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 				{#if STT_ENGINE !== 'web'}
 					<div class="mb-2">
-						<div class=" mb-1.5 text-xs font-medium">{$i18n.t('Supported MIME Types')}</div>
+						<div class=" mb-1.5 text-xs font-normal">{$i18n.t('Supported MIME Types')}</div>
 						<div class="flex w-full">
 							<div class="flex-1">
 								<input
@@ -258,7 +258,7 @@
 				{/if}
 
 				<div class="mb-2 py-0.5 flex w-full justify-between">
-					<div class=" self-center text-xs font-medium">{$i18n.t('Speech-to-Text Engine')}</div>
+					<div class=" self-center text-xs font-normal">{$i18n.t('Speech-to-Text Engine')}</div>
 					<div class="flex items-center relative">
 						<select
 							class="cursor-pointer w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
@@ -292,7 +292,7 @@
 					<hr class="border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="mb-2 py-0.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">{$i18n.t('Request Format')}</div>
+						<div class=" self-center text-xs font-normal">{$i18n.t('Request Format')}</div>
 						<div class="flex items-center relative">
 							<select
 								class="cursor-pointer w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
@@ -307,7 +307,7 @@
 					<hr class="border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div>
-						<div class=" mb-1.5 text-xs font-medium">{$i18n.t('STT Model')}</div>
+						<div class=" mb-1.5 text-xs font-normal">{$i18n.t('STT Model')}</div>
 						<div class="flex w-full">
 							<div class="flex-1">
 								<input
@@ -333,7 +333,7 @@
 					<hr class="border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div>
-						<div class=" mb-1.5 text-xs font-medium">{$i18n.t('STT Model')}</div>
+						<div class=" mb-1.5 text-xs font-normal">{$i18n.t('STT Model')}</div>
 						<div class="flex w-full">
 							<div class="flex-1">
 								<input
@@ -367,7 +367,7 @@
 						<hr class="border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 						<div>
-							<div class=" mb-1.5 text-xs font-medium">{$i18n.t('Azure Region')}</div>
+							<div class=" mb-1.5 text-xs font-normal">{$i18n.t('Azure Region')}</div>
 							<div class="flex w-full">
 								<div class="flex-1">
 									<input
@@ -380,7 +380,7 @@
 						</div>
 
 						<div>
-							<div class=" mb-1.5 text-xs font-medium">{$i18n.t('Language Locales')}</div>
+							<div class=" mb-1.5 text-xs font-normal">{$i18n.t('Language Locales')}</div>
 							<div class="flex w-full">
 								<div class="flex-1">
 									<input
@@ -393,7 +393,7 @@
 						</div>
 
 						<div>
-							<div class=" mb-1.5 text-xs font-medium">{$i18n.t('Endpoint URL')}</div>
+							<div class=" mb-1.5 text-xs font-normal">{$i18n.t('Endpoint URL')}</div>
 							<div class="flex w-full">
 								<div class="flex-1">
 									<input
@@ -406,7 +406,7 @@
 						</div>
 
 						<div>
-							<div class=" mb-1.5 text-xs font-medium">{$i18n.t('Max Speakers')}</div>
+							<div class=" mb-1.5 text-xs font-normal">{$i18n.t('Max Speakers')}</div>
 							<div class="flex w-full">
 								<div class="flex-1">
 									<input
@@ -435,7 +435,7 @@
 					<hr class="border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div>
-						<div class=" mb-1.5 text-xs font-medium">{$i18n.t('STT Model')}</div>
+						<div class=" mb-1.5 text-xs font-normal">{$i18n.t('STT Model')}</div>
 						<div class="flex w-full">
 							<div class="flex-1">
 								<input
@@ -461,7 +461,7 @@
 
 					<div>
 						<div class="flex items-center justify-between mb-2">
-							<div class="text-xs font-medium">{$i18n.t('Use Chat Completions API')}</div>
+							<div class="text-xs font-normal">{$i18n.t('Use Chat Completions API')}</div>
 							<label class="relative inline-flex items-center cursor-pointer">
 								<input
 									type="checkbox"
@@ -481,7 +481,7 @@
 					</div>
 				{:else if STT_ENGINE === ''}
 					<div>
-						<div class=" mb-1.5 text-xs font-medium">{$i18n.t('STT Model')}</div>
+						<div class=" mb-1.5 text-xs font-normal">{$i18n.t('STT Model')}</div>
 
 						<div class="flex w-full">
 							<div class="flex-1 mr-2">
@@ -539,12 +539,12 @@
 			</div>
 
 			<div>
-				<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Text-to-Speech')}</div>
+				<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Text-to-Speech')}</div>
 
 				<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 				<div class="mb-2 py-0.5 flex w-full justify-between">
-					<div class=" self-center text-xs font-medium">{$i18n.t('Text-to-Speech Engine')}</div>
+					<div class=" self-center text-xs font-normal">{$i18n.t('Text-to-Speech Engine')}</div>
 					<div class="flex items-center relative">
 						<select
 							class="w-fit pr-8 cursor-pointer rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
@@ -605,7 +605,7 @@
 						<hr class="border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 						<div>
-							<div class=" mb-1.5 text-xs font-medium">{$i18n.t('Azure Region')}</div>
+							<div class=" mb-1.5 text-xs font-normal">{$i18n.t('Azure Region')}</div>
 							<div class="flex w-full">
 								<div class="flex-1">
 									<input
@@ -618,7 +618,7 @@
 						</div>
 
 						<div>
-							<div class=" mb-1.5 text-xs font-medium">{$i18n.t('Endpoint URL')}</div>
+							<div class=" mb-1.5 text-xs font-normal">{$i18n.t('Endpoint URL')}</div>
 							<div class="flex w-full">
 								<div class="flex-1">
 									<input
@@ -648,7 +648,7 @@
 				<div class="mb-2">
 					{#if TTS_ENGINE === ''}
 						<div>
-							<div class=" mb-1.5 text-xs font-medium">{$i18n.t('TTS Voice')}</div>
+							<div class=" mb-1.5 text-xs font-normal">{$i18n.t('TTS Voice')}</div>
 							<div class="flex w-full">
 								<div class="flex-1">
 									<select
@@ -669,7 +669,7 @@
 						</div>
 					{:else if TTS_ENGINE === 'transformers'}
 						<div>
-							<div class=" mb-1.5 text-xs font-medium">{$i18n.t('TTS Model')}</div>
+							<div class=" mb-1.5 text-xs font-normal">{$i18n.t('TTS Model')}</div>
 							<div class="flex w-full">
 								<div class="flex-1">
 									<input
@@ -711,7 +711,7 @@
 					{:else if TTS_ENGINE === 'openai'}
 						<div class=" flex gap-2">
 							<div class="w-full">
-								<div class=" mb-1.5 text-xs font-medium">{$i18n.t('TTS Voice')}</div>
+								<div class=" mb-1.5 text-xs font-normal">{$i18n.t('TTS Voice')}</div>
 								<div class="flex w-full">
 									<div class="flex-1">
 										<TTSVoiceInput
@@ -724,7 +724,7 @@
 								</div>
 							</div>
 							<div class="w-full">
-								<div class=" mb-1.5 text-xs font-medium">{$i18n.t('TTS Model')}</div>
+								<div class=" mb-1.5 text-xs font-normal">{$i18n.t('TTS Model')}</div>
 								<div class="flex w-full">
 									<div class="flex-1">
 										<input
@@ -746,7 +746,7 @@
 
 						<div class="mt-2 mb-1 text-xs text-gray-400 dark:text-gray-500">
 							<div class="w-full">
-								<div class=" mb-1.5 text-xs font-medium">{$i18n.t('Additional Parameters')}</div>
+								<div class=" mb-1.5 text-xs font-normal">{$i18n.t('Additional Parameters')}</div>
 								<div class="flex w-full">
 									<div class="flex-1">
 										<Textarea
@@ -762,7 +762,7 @@
 					{:else if TTS_ENGINE === 'elevenlabs'}
 						<div class=" flex gap-2">
 							<div class="w-full">
-								<div class=" mb-1.5 text-xs font-medium">{$i18n.t('TTS Voice')}</div>
+								<div class=" mb-1.5 text-xs font-normal">{$i18n.t('TTS Voice')}</div>
 								<div class="flex w-full">
 									<div class="flex-1">
 										<TTSVoiceInput
@@ -775,7 +775,7 @@
 								</div>
 							</div>
 							<div class="w-full">
-								<div class=" mb-1.5 text-xs font-medium">{$i18n.t('TTS Model')}</div>
+								<div class=" mb-1.5 text-xs font-normal">{$i18n.t('TTS Model')}</div>
 								<div class="flex w-full">
 									<div class="flex-1">
 										<input
@@ -797,7 +797,7 @@
 					{:else if TTS_ENGINE === 'azure'}
 						<div class=" flex gap-2">
 							<div class="w-full">
-								<div class=" mb-1.5 text-xs font-medium">{$i18n.t('TTS Voice')}</div>
+								<div class=" mb-1.5 text-xs font-normal">{$i18n.t('TTS Voice')}</div>
 								<div class="flex w-full">
 									<div class="flex-1">
 										<TTSVoiceInput
@@ -810,7 +810,7 @@
 								</div>
 							</div>
 							<div class="w-full">
-								<div class=" mb-1.5 text-xs font-medium">
+								<div class=" mb-1.5 text-xs font-normal">
 									{$i18n.t('Output format')}
 									<a
 										href="https://learn.microsoft.com/en-us/azure/ai-services/speech-service/rest-text-to-speech?tabs=streaming#audio-outputs"
@@ -834,7 +834,7 @@
 					{:else if TTS_ENGINE === 'mistral'}
 						<div class=" flex gap-2">
 							<div class="w-full">
-								<div class=" mb-1.5 text-xs font-medium">{$i18n.t('TTS Voice')}</div>
+								<div class=" mb-1.5 text-xs font-normal">{$i18n.t('TTS Voice')}</div>
 								<div class="flex w-full">
 									<div class="flex-1">
 										<TTSVoiceInput
@@ -847,7 +847,7 @@
 								</div>
 							</div>
 							<div class="w-full">
-								<div class=" mb-1.5 text-xs font-medium">{$i18n.t('TTS Model')}</div>
+								<div class=" mb-1.5 text-xs font-normal">{$i18n.t('TTS Model')}</div>
 								<div class="flex w-full">
 									<div class="flex-1">
 										<input
@@ -870,7 +870,7 @@
 				</div>
 
 				<div class="pt-0.5 flex w-full justify-between">
-					<div class="self-center text-xs font-medium">{$i18n.t('Response splitting')}</div>
+					<div class="self-center text-xs font-normal">{$i18n.t('Response splitting')}</div>
 					<div class="flex items-center relative">
 						<select
 							class="w-fit pr-8 cursor-pointer rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
@@ -893,9 +893,9 @@
 			</div>
 		</div>
 	</div>
-	<div class="flex justify-end text-sm font-medium">
+	<div class="flex justify-end text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/admin/Settings/Authentication.svelte b/src/lib/components/admin/Settings/Authentication.svelte
index 8e692d1c9d..f503edbebe 100644
--- a/src/lib/components/admin/Settings/Authentication.svelte
+++ b/src/lib/components/admin/Settings/Authentication.svelte
@@ -114,12 +114,12 @@
 	<div class="space-y-3 overflow-y-scroll scrollbar-hidden h-full">
 		{#if adminConfig !== null}
 			<div class="mb-3">
-				<div class="mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('User Access')}</div>
+				<div class="mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('User Access')}</div>
 
 				<hr class="border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 				<div class="  mb-2.5 flex w-full justify-between">
-					<div class=" self-center text-xs font-medium">{$i18n.t('Default User Role')}</div>
+					<div class=" self-center text-xs font-normal">{$i18n.t('Default User Role')}</div>
 					<div class="flex items-center relative">
 						<select
 							class="w-fit pr-8 rounded-sm px-2 text-xs bg-transparent outline-hidden text-right"
@@ -134,7 +134,7 @@
 				</div>
 
 				<div class="  mb-2.5 flex w-full justify-between">
-					<div class=" self-center text-xs font-medium">{$i18n.t('Default Group')}</div>
+					<div class=" self-center text-xs font-normal">{$i18n.t('Default Group')}</div>
 					<div class="flex items-center relative max-w-48">
 						<select
 							class="w-full pr-8 rounded-sm px-2 text-xs bg-transparent outline-hidden text-right truncate"
@@ -150,20 +150,20 @@
 				</div>
 
 				<div class=" mb-2.5 flex w-full justify-between pr-2">
-					<div class=" self-center text-xs font-medium">{$i18n.t('Enable New Sign Ups')}</div>
+					<div class=" self-center text-xs font-normal">{$i18n.t('Enable New Sign Ups')}</div>
 
 					<Switch bind:state={adminConfig.ENABLE_SIGNUP} />
 				</div>
 
 				<div class="mb-2.5 flex w-full justify-between pr-2">
-					<div class=" self-center text-xs font-medium">{$i18n.t('Enable API Keys')}</div>
+					<div class=" self-center text-xs font-normal">{$i18n.t('Enable API Keys')}</div>
 
 					<Switch bind:state={adminConfig.ENABLE_API_KEYS} />
 				</div>
 
 				{#if adminConfig?.ENABLE_API_KEYS}
 					<div class="mb-2.5 flex w-full justify-between pr-2">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('API Key Endpoint Restrictions')}
 						</div>
 
@@ -172,7 +172,7 @@
 
 					{#if adminConfig?.ENABLE_API_KEYS_ENDPOINT_RESTRICTIONS}
 						<div class=" flex w-full flex-col pr-2 mb-2.5">
-							<div class=" text-xs font-medium">
+							<div class=" text-xs font-normal">
 								{$i18n.t('Allowed Endpoints')}
 							</div>
 
@@ -187,7 +187,7 @@
 								<a
 									href="https://docs.openwebui.com/reference/api-endpoints"
 									target="_blank"
-									class=" text-gray-300 font-medium underline"
+									class=" text-gray-300 font-normal underline"
 								>
 									{$i18n.t('To learn more about available endpoints, visit our documentation.')}
 								</a>
@@ -198,7 +198,7 @@
 
 				<div class=" mb-2.5 w-full justify-between">
 					<div class="flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">{$i18n.t('JWT Expiration')}</div>
+						<div class=" self-center text-xs font-normal">{$i18n.t('JWT Expiration')}</div>
 					</div>
 
 					<div class="flex mt-2 space-x-2">
@@ -212,7 +212,7 @@
 
 					<div class="mt-2 text-xs text-gray-400 dark:text-gray-500">
 						{$i18n.t('Valid time units:')}
-						<span class=" text-gray-300 font-medium"
+						<span class=" text-gray-300 font-normal"
 							>{$i18n.t("'s', 'm', 'h', 'd', 'w' or '-1' for no expiration.")}</span
 						>
 					</div>
@@ -223,7 +223,7 @@
 								class=" bg-yellow-500/20 text-yellow-700 dark:text-yellow-200 rounded-lg px-3 py-2"
 							>
 								<div>
-									<span class=" font-medium">{$i18n.t('Warning')}:</span>
+									<span class=" font-normal">{$i18n.t('Warning')}:</span>
 									<span
 										><a
 											href="https://docs.openwebui.com/reference/env-configuration#jwt_expires_in"
@@ -237,12 +237,12 @@
 						</div>
 					{/if}
 				</div>
-				<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Pending Accounts')}</div>
+				<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Pending Accounts')}</div>
 
 				<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 				<div class="mb-2.5 flex w-full items-center justify-between pr-2">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Show Admin Details in Account Pending Overlay')}
 					</div>
 
@@ -252,7 +252,7 @@
 				{#if adminConfig.SHOW_ADMIN_DETAILS}
 					<div class="mb-2.5 w-full justify-between">
 						<div class="flex w-full justify-between">
-							<div class=" self-center text-xs font-medium">{$i18n.t('Admin Contact Email')}</div>
+							<div class=" self-center text-xs font-normal">{$i18n.t('Admin Contact Email')}</div>
 						</div>
 
 						<div class="flex mt-2 space-x-2">
@@ -267,7 +267,7 @@
 				{/if}
 
 				<div class="mb-2.5">
-					<div class=" self-center text-xs font-medium mb-2">
+					<div class=" self-center text-xs font-normal mb-2">
 						{$i18n.t('Pending User Overlay Title')}
 					</div>
 					<Textarea
@@ -279,7 +279,7 @@
 				</div>
 
 				<div class="mb-2.5">
-					<div class=" self-center text-xs font-medium mb-2">
+					<div class=" self-center text-xs font-normal mb-2">
 						{$i18n.t('Pending User Overlay Content')}
 					</div>
 					<Textarea
@@ -295,7 +295,7 @@
 		<div class=" space-y-3">
 			<div class="mt-2 space-y-2 pr-1.5">
 				<div class="flex justify-between items-center text-sm">
-					<div class="  font-medium">{$i18n.t('LDAP')}</div>
+					<div class="  font-normal">{$i18n.t('LDAP')}</div>
 
 					<div class="mt-1">
 						<Switch bind:state={ENABLE_LDAP} />
@@ -306,7 +306,7 @@
 					<div class="flex flex-col gap-1">
 						<div class="flex w-full gap-2">
 							<div class="w-full">
-								<div class=" self-center text-xs font-medium min-w-fit mb-1">
+								<div class=" self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Label')}
 								</div>
 								<input
@@ -320,7 +320,7 @@
 						</div>
 						<div class="flex w-full gap-2">
 							<div class="w-full">
-								<div class=" self-center text-xs font-medium min-w-fit mb-1">
+								<div class=" self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Host')}
 								</div>
 								<input
@@ -331,7 +331,7 @@
 								/>
 							</div>
 							<div class="w-full">
-								<div class=" self-center text-xs font-medium min-w-fit mb-1">
+								<div class=" self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Port')}
 								</div>
 								<Tooltip
@@ -350,7 +350,7 @@
 						</div>
 						<div class="flex w-full gap-2">
 							<div class="w-full">
-								<div class=" self-center text-xs font-medium min-w-fit mb-1">
+								<div class=" self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Application DN')}
 								</div>
 								<Tooltip
@@ -365,7 +365,7 @@
 								</Tooltip>
 							</div>
 							<div class="w-full">
-								<div class=" self-center text-xs font-medium min-w-fit mb-1">
+								<div class=" self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Application DN Password')}
 								</div>
 								<SensitiveInput
@@ -377,7 +377,7 @@
 						</div>
 						<div class="flex w-full gap-2">
 							<div class="w-full">
-								<div class=" self-center text-xs font-medium min-w-fit mb-1">
+								<div class=" self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Attribute for Mail')}
 								</div>
 								<Tooltip
@@ -397,7 +397,7 @@
 						</div>
 						<div class="flex w-full gap-2">
 							<div class="w-full">
-								<div class=" self-center text-xs font-medium min-w-fit mb-1">
+								<div class=" self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Attribute for Username')}
 								</div>
 								<Tooltip
@@ -417,7 +417,7 @@
 						</div>
 						<div class="flex w-full gap-2">
 							<div class="w-full">
-								<div class=" self-center text-xs font-medium min-w-fit mb-1">
+								<div class=" self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Search Base')}
 								</div>
 								<Tooltip content={$i18n.t('The base to search for users')} placement="top-start">
@@ -432,7 +432,7 @@
 						</div>
 						<div class="flex w-full gap-2">
 							<div class="w-full">
-								<div class=" self-center text-xs font-medium min-w-fit mb-1">
+								<div class=" self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Search Filters')}
 								</div>
 								<input
@@ -444,7 +444,7 @@
 						</div>
 						<div class="text-xs text-gray-400 dark:text-gray-500">
 							<a
-								class=" text-gray-300 font-medium underline"
+								class=" text-gray-300 font-normal underline"
 								href="https://ldap.com/ldap-filters/"
 								target="_blank"
 							>
@@ -453,7 +453,7 @@
 						</div>
 						<div>
 							<div class="flex justify-between items-center text-sm">
-								<div class="  font-medium">{$i18n.t('TLS')}</div>
+								<div class="  font-normal">{$i18n.t('TLS')}</div>
 
 								<div class="mt-1">
 									<Switch bind:state={LDAP_SERVER.use_tls} />
@@ -462,7 +462,7 @@
 							{#if LDAP_SERVER.use_tls}
 								<div class="flex w-full gap-2">
 									<div class="w-full">
-										<div class=" self-center text-xs font-medium min-w-fit mb-1 mt-1">
+										<div class=" self-center text-xs font-normal min-w-fit mb-1 mt-1">
 											{$i18n.t('Certificate Path')}
 										</div>
 										<input
@@ -473,7 +473,7 @@
 									</div>
 								</div>
 								<div class="flex justify-between items-center text-xs">
-									<div class=" font-medium">{$i18n.t('Validate certificate')}</div>
+									<div class=" font-normal">{$i18n.t('Validate certificate')}</div>
 
 									<div class="mt-1">
 										<Switch bind:state={LDAP_SERVER.validate_cert} />
@@ -481,7 +481,7 @@
 								</div>
 								<div class="flex w-full gap-2">
 									<div class="w-full">
-										<div class=" self-center text-xs font-medium min-w-fit mb-1">
+										<div class=" self-center text-xs font-normal min-w-fit mb-1">
 											{$i18n.t('Ciphers')}
 										</div>
 										<Tooltip content={$i18n.t('Default to ALL')} placement="top-start">
@@ -502,7 +502,7 @@
 		</div>
 		{#if oauthConfig}
 			<div class="mb-3">
-				<div class="mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('OAuth / OIDC')}</div>
+				<div class="mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('OAuth / OIDC')}</div>
 
 				<hr class="border-gray-100/30 dark:border-gray-850/30 my-2" />
 
@@ -510,7 +510,7 @@
 					<div class="space-y-3">
 						<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
 							<div class="w-full">
-								<div class="self-center text-xs font-medium min-w-fit mb-1">
+								<div class="self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Provider Name')}
 								</div>
 								<input
@@ -520,7 +520,7 @@
 								/>
 							</div>
 							<div class="w-full">
-								<div class="self-center text-xs font-medium min-w-fit mb-1">
+								<div class="self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Provider URL')}
 								</div>
 								<input
@@ -533,7 +533,7 @@
 
 						<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
 							<div class="w-full">
-								<div class="self-center text-xs font-medium min-w-fit mb-1">
+								<div class="self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Client ID')}
 								</div>
 								<input
@@ -543,7 +543,7 @@
 								/>
 							</div>
 							<div class="w-full">
-								<div class="self-center text-xs font-medium min-w-fit mb-1">
+								<div class="self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Client Secret')}
 								</div>
 								<SensitiveInput
@@ -558,7 +558,7 @@
 
 						<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
 							<div class="w-full">
-								<div class="self-center text-xs font-medium min-w-fit mb-1">
+								<div class="self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Redirect URI')}
 								</div>
 								<input
@@ -568,7 +568,7 @@
 								/>
 							</div>
 							<div class="w-full">
-								<div class="self-center text-xs font-medium min-w-fit mb-1">
+								<div class="self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Scopes')}
 								</div>
 								<input
@@ -581,7 +581,7 @@
 
 						<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
 							<div class="w-full">
-								<div class="self-center text-xs font-medium min-w-fit mb-1">
+								<div class="self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Email Claim')}
 								</div>
 								<input
@@ -591,7 +591,7 @@
 								/>
 							</div>
 							<div class="w-full">
-								<div class="self-center text-xs font-medium min-w-fit mb-1">
+								<div class="self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Username Claim')}
 								</div>
 								<input
@@ -604,7 +604,7 @@
 
 						<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
 							<div class="w-full">
-								<div class="self-center text-xs font-medium min-w-fit mb-1">
+								<div class="self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Picture Claim')}
 								</div>
 								<input
@@ -614,7 +614,7 @@
 								/>
 							</div>
 							<div class="w-full">
-								<div class="self-center text-xs font-medium min-w-fit mb-1">
+								<div class="self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Sub Claim')}
 								</div>
 								<input
@@ -626,28 +626,28 @@
 						</div>
 
 						<div class="flex w-full justify-between pr-2">
-							<div class="self-center text-xs font-medium">
+							<div class="self-center text-xs font-normal">
 								{$i18n.t('Enable OAuth Signup')}
 							</div>
 							<Switch bind:state={oauthConfig.ENABLE_OAUTH_SIGNUP} />
 						</div>
 
 						<div class="flex w-full justify-between pr-2">
-							<div class="self-center text-xs font-medium">
+							<div class="self-center text-xs font-normal">
 								{$i18n.t('Merge Accounts by Email')}
 							</div>
 							<Switch bind:state={oauthConfig.OAUTH_MERGE_ACCOUNTS_BY_EMAIL} />
 						</div>
 
 						<div class="flex w-full justify-between pr-2">
-							<div class="self-center text-xs font-medium">
+							<div class="self-center text-xs font-normal">
 								{$i18n.t('Auto Redirect')}
 							</div>
 							<Switch bind:state={oauthConfig.OAUTH_AUTO_REDIRECT} />
 						</div>
 
 						<div class="w-full">
-							<div class="self-center text-xs font-medium min-w-fit mb-1">
+							<div class="self-center text-xs font-normal min-w-fit mb-1">
 								{$i18n.t('Allowed Domains')}
 							</div>
 							<input
@@ -658,7 +658,7 @@
 						</div>
 
 						<div class="flex w-full justify-between pr-2">
-							<div class="self-center text-xs font-medium">
+							<div class="self-center text-xs font-normal">
 								{$i18n.t('Enable Role Mapping')}
 							</div>
 							<Switch bind:state={oauthConfig.ENABLE_OAUTH_ROLE_MANAGEMENT} />
@@ -667,7 +667,7 @@
 						{#if oauthConfig.ENABLE_OAUTH_ROLE_MANAGEMENT}
 							<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
 								<div class="w-full">
-									<div class="self-center text-xs font-medium min-w-fit mb-1">
+									<div class="self-center text-xs font-normal min-w-fit mb-1">
 										{$i18n.t('Roles Claim')}
 									</div>
 									<input
@@ -677,7 +677,7 @@
 									/>
 								</div>
 								<div class="w-full">
-									<div class="self-center text-xs font-medium min-w-fit mb-1">
+									<div class="self-center text-xs font-normal min-w-fit mb-1">
 										{$i18n.t('Admin Roles')}
 									</div>
 									<input
@@ -689,7 +689,7 @@
 							</div>
 
 							<div class="w-full">
-								<div class="self-center text-xs font-medium min-w-fit mb-1">
+								<div class="self-center text-xs font-normal min-w-fit mb-1">
 									{$i18n.t('Allowed Roles')}
 								</div>
 								<input
@@ -701,7 +701,7 @@
 						{/if}
 
 						<div class="flex w-full justify-between pr-2">
-							<div class="self-center text-xs font-medium">
+							<div class="self-center text-xs font-normal">
 								{$i18n.t('Enable Group Mapping')}
 							</div>
 							<Switch bind:state={oauthConfig.ENABLE_OAUTH_GROUP_MANAGEMENT} />
@@ -709,7 +709,7 @@
 
 						{#if oauthConfig.ENABLE_OAUTH_GROUP_MANAGEMENT}
 							<div class="flex w-full justify-between pr-2">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									{$i18n.t('Auto-Create Groups')}
 								</div>
 								<Switch bind:state={oauthConfig.ENABLE_OAUTH_GROUP_CREATION} />
@@ -717,7 +717,7 @@
 
 							<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
 								<div class="w-full">
-									<div class="self-center text-xs font-medium min-w-fit mb-1">
+									<div class="self-center text-xs font-normal min-w-fit mb-1">
 										{$i18n.t('Group Claim')}
 									</div>
 									<input
@@ -727,7 +727,7 @@
 									/>
 								</div>
 								<div class="w-full">
-									<div class="self-center text-xs font-medium min-w-fit mb-1">
+									<div class="self-center text-xs font-normal min-w-fit mb-1">
 										{$i18n.t('Blocked Groups')}
 									</div>
 									<input
@@ -740,21 +740,21 @@
 						{/if}
 
 						<div class="flex w-full justify-between pr-2">
-							<div class="self-center text-xs font-medium">
+							<div class="self-center text-xs font-normal">
 								{$i18n.t('Update Email')}
 							</div>
 							<Switch bind:state={oauthConfig.OAUTH_UPDATE_EMAIL_ON_LOGIN} />
 						</div>
 
 						<div class="flex w-full justify-between pr-2">
-							<div class="self-center text-xs font-medium">
+							<div class="self-center text-xs font-normal">
 								{$i18n.t('Update Name')}
 							</div>
 							<Switch bind:state={oauthConfig.OAUTH_UPDATE_NAME_ON_LOGIN} />
 						</div>
 
 						<div class="flex w-full justify-between pr-2">
-							<div class="self-center text-xs font-medium">
+							<div class="self-center text-xs font-normal">
 								{$i18n.t('Update Picture')}
 							</div>
 							<Switch bind:state={oauthConfig.OAUTH_UPDATE_PICTURE_ON_LOGIN} />
@@ -765,9 +765,9 @@
 		{/if}
 	</div>
 
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/admin/Settings/CodeExecution.svelte b/src/lib/components/admin/Settings/CodeExecution.svelte
index 9d25805830..cdad48249a 100644
--- a/src/lib/components/admin/Settings/CodeExecution.svelte
+++ b/src/lib/components/admin/Settings/CodeExecution.svelte
@@ -41,13 +41,13 @@
 		{#if config}
 			<div>
 				<div class="mb-3.5">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Code Execution')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Code Execution')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="mb-2.5">
 						<div class=" flex w-full justify-between">
-							<div class=" self-center text-xs font-medium">
+							<div class=" self-center text-xs font-normal">
 								{$i18n.t('Enable Code Execution')}
 							</div>
 
@@ -58,7 +58,7 @@
 					{#if config.ENABLE_CODE_EXECUTION}
 						<div class="mb-2.5">
 							<div class="flex w-full justify-between">
-								<div class=" self-center text-xs font-medium">
+								<div class=" self-center text-xs font-normal">
 									{$i18n.t('Code Execution Engine')}
 								</div>
 								<div class="flex items-center relative">
@@ -89,7 +89,7 @@
 
 						{#if config.CODE_EXECUTION_ENGINE === 'jupyter'}
 							<div class="mb-2.5 flex flex-col gap-1.5 w-full">
-								<div class="text-xs font-medium">
+								<div class="text-xs font-normal">
 									{$i18n.t('Jupyter URL')}
 								</div>
 
@@ -108,7 +108,7 @@
 
 							<div class="mb-2.5 flex flex-col gap-1.5 w-full">
 								<div class=" flex gap-2 w-full items-center justify-between">
-									<div class="text-xs font-medium">
+									<div class="text-xs font-normal">
 										{$i18n.t('Jupyter Auth')}
 									</div>
 
@@ -149,7 +149,7 @@
 							</div>
 
 							<div class="flex gap-2 w-full items-center justify-between">
-								<div class="text-xs font-medium">
+								<div class="text-xs font-normal">
 									{$i18n.t('Code Execution Timeout')}
 								</div>
 
@@ -170,13 +170,13 @@
 				</div>
 
 				<div class="mb-3.5">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Code Interpreter')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Code Interpreter')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="mb-2.5">
 						<div class=" flex w-full justify-between">
-							<div class=" self-center text-xs font-medium">
+							<div class=" self-center text-xs font-normal">
 								{$i18n.t('Enable Code Interpreter')}
 							</div>
 
@@ -187,7 +187,7 @@
 					{#if config.ENABLE_CODE_INTERPRETER}
 						<div class="mb-2.5">
 							<div class="  flex w-full justify-between">
-								<div class=" self-center text-xs font-medium">
+								<div class=" self-center text-xs font-normal">
 									{$i18n.t('Code Interpreter Engine')}
 								</div>
 								<div class="flex items-center relative">
@@ -218,7 +218,7 @@
 
 						{#if config.CODE_INTERPRETER_ENGINE === 'jupyter'}
 							<div class="mb-2.5 flex flex-col gap-1.5 w-full">
-								<div class="text-xs font-medium">
+								<div class="text-xs font-normal">
 									{$i18n.t('Jupyter URL')}
 								</div>
 
@@ -237,7 +237,7 @@
 
 							<div class="mb-2.5 flex flex-col gap-1.5 w-full">
 								<div class="flex gap-2 w-full items-center justify-between">
-									<div class="text-xs font-medium">
+									<div class="text-xs font-normal">
 										{$i18n.t('Jupyter Auth')}
 									</div>
 
@@ -278,7 +278,7 @@
 							</div>
 
 							<div class="flex gap-2 w-full items-center justify-between">
-								<div class="text-xs font-medium">
+								<div class="text-xs font-normal">
 									{$i18n.t('Code Execution Timeout')}
 								</div>
 
@@ -300,7 +300,7 @@
 
 						<div>
 							<div class="py-0.5 w-full">
-								<div class=" mb-2.5 text-xs font-medium">
+								<div class=" mb-2.5 text-xs font-normal">
 									{$i18n.t('Code Interpreter Prompt Template')}
 								</div>
 
@@ -324,9 +324,9 @@
 			</div>
 		{/if}
 	</div>
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/admin/Settings/Connections.svelte b/src/lib/components/admin/Settings/Connections.svelte
index 32276ce930..bf442c2239 100644
--- a/src/lib/components/admin/Settings/Connections.svelte
+++ b/src/lib/components/admin/Settings/Connections.svelte
@@ -219,14 +219,14 @@
 	<div class=" overflow-y-scroll scrollbar-hidden h-full">
 		{#if ENABLE_OPENAI_API !== null && ENABLE_OLLAMA_API !== null && connectionsConfig !== null}
 			<div class="mb-3.5">
-				<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('General')}</div>
+				<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('General')}</div>
 
 				<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 				<div class="my-2">
 					<div class="mt-2 space-y-2">
 						<div class="flex justify-between items-center text-sm">
-							<div class="  font-medium">{$i18n.t('OpenAI API')}</div>
+							<div class="  font-normal">{$i18n.t('OpenAI API')}</div>
 
 							<div class="flex items-center">
 								<div class="">
@@ -243,7 +243,7 @@
 						{#if ENABLE_OPENAI_API}
 							<div class="">
 								<div class="flex justify-between items-center">
-									<div class="font-medium text-xs">{$i18n.t('Manage OpenAI API Connections')}</div>
+									<div class="font-normal text-xs">{$i18n.t('Manage OpenAI API Connections')}</div>
 
 									<Tooltip content={$i18n.t(`Add Connection`)}>
 										<button
@@ -292,7 +292,7 @@
 
 				<div class=" my-2">
 					<div class="flex justify-between items-center text-sm mb-2">
-						<div class="  font-medium">{$i18n.t('Ollama API')}</div>
+						<div class="  font-normal">{$i18n.t('Ollama API')}</div>
 
 						<div class="mt-1">
 							<Switch
@@ -307,7 +307,7 @@
 					{#if ENABLE_OLLAMA_API}
 						<div class="">
 							<div class="flex justify-between items-center">
-								<div class="font-medium text-xs">{$i18n.t('Manage Ollama API Connections')}</div>
+								<div class="font-normal text-xs">{$i18n.t('Manage Ollama API Connections')}</div>
 
 								<Tooltip content={$i18n.t(`Add Connection`)}>
 									<button
@@ -350,7 +350,7 @@
 							<div class="mt-1 text-xs text-gray-400 dark:text-gray-500">
 								{$i18n.t('Trouble accessing Ollama?')}
 								<a
-									class=" text-gray-300 font-medium underline"
+									class=" text-gray-300 font-normal underline"
 									href="https://github.com/open-webui/open-webui#troubleshooting"
 									target="_blank"
 								>
@@ -363,7 +363,7 @@
 
 				<div class="my-2">
 					<div class="flex justify-between items-center text-sm">
-						<div class="  font-medium">{$i18n.t('Direct Connections')}</div>
+						<div class="  font-normal">{$i18n.t('Direct Connections')}</div>
 
 						<div class="flex items-center">
 							<div class="">
@@ -388,7 +388,7 @@
 
 				<div class="my-2">
 					<div class="flex justify-between items-center text-sm">
-						<div class=" text-xs font-medium">{$i18n.t('Cache Base Model List')}</div>
+						<div class=" text-xs font-normal">{$i18n.t('Cache Base Model List')}</div>
 
 						<div class="flex items-center">
 							<div class="">
@@ -418,9 +418,9 @@
 		{/if}
 	</div>
 
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/admin/Settings/Connections/ManageOllamaModal.svelte b/src/lib/components/admin/Settings/Connections/ManageOllamaModal.svelte
index a9d34d5c7e..ce6d77b218 100644
--- a/src/lib/components/admin/Settings/Connections/ManageOllamaModal.svelte
+++ b/src/lib/components/admin/Settings/Connections/ManageOllamaModal.svelte
@@ -15,7 +15,7 @@
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
 			<div
-				class="flex w-full justify-between items-center text-lg font-medium self-center font-primary"
+				class="flex w-full justify-between items-center text-lg font-normal self-center "
 			>
 				<div class=" shrink-0">
 					{$i18n.t('Manage Ollama')}
diff --git a/src/lib/components/admin/Settings/Database.svelte b/src/lib/components/admin/Settings/Database.svelte
index 8cc314661f..077a965d1f 100644
--- a/src/lib/components/admin/Settings/Database.svelte
+++ b/src/lib/components/admin/Settings/Database.svelte
@@ -78,7 +78,7 @@
 		/>
 
 		<div>
-			<div class="mb-1 text-sm font-medium">{$i18n.t('Config')}</div>
+			<div class="mb-1 text-sm font-normal">{$i18n.t('Config')}</div>
 
 			<div>
 				<div class="py-0.5 flex w-full justify-between">
@@ -117,7 +117,7 @@
 
 		{#if $config?.features.enable_admin_export ?? true}
 			<div>
-				<div class="mb-1 text-sm font-medium">{$i18n.t('Database')}</div>
+				<div class="mb-1 text-sm font-normal">{$i18n.t('Database')}</div>
 
 				<div>
 					<div class="py-0.5 flex w-full justify-between">
diff --git a/src/lib/components/admin/Settings/Documents.svelte b/src/lib/components/admin/Settings/Documents.svelte
index 23e758d9de..62e4a4e5ab 100644
--- a/src/lib/components/admin/Settings/Documents.svelte
+++ b/src/lib/components/admin/Settings/Documents.svelte
@@ -376,13 +376,13 @@
 		<div class=" space-y-2.5 overflow-y-scroll scrollbar-hidden h-full pr-1.5">
 			<div class="">
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('General')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('General')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="mb-2.5 flex flex-col w-full justify-between">
 						<div class="flex w-full justify-between mb-1">
-							<div class="self-center text-xs font-medium">
+							<div class="self-center text-xs font-normal">
 								{$i18n.t('Content Extraction Engine')}
 							</div>
 							<div class="">
@@ -406,7 +406,7 @@
 						{#if RAGConfig.CONTENT_EXTRACTION_ENGINE === ''}
 							<div class="flex w-full mt-1">
 								<div class="flex-1 flex justify-between">
-									<div class=" self-center text-xs font-medium">
+									<div class=" self-center text-xs font-normal">
 										{$i18n.t('PDF Extract Images (OCR)')}
 									</div>
 									<div class="flex items-center relative">
@@ -417,7 +417,7 @@
 
 							<div class="flex w-full mt-2">
 								<div class="flex-1 flex justify-between">
-									<div class=" self-center text-xs font-medium">
+									<div class=" self-center text-xs font-normal">
 										<Tooltip
 											content={$i18n.t(
 												'Page mode creates one document per page. Single mode combines all pages into one document for better chunking across page boundaries.'
@@ -464,7 +464,7 @@
 
 							<div class="flex flex-col gap-2 mt-2">
 								<div class=" flex flex-col w-full justify-between">
-									<div class=" mb-1 text-xs font-medium">
+									<div class=" mb-1 text-xs font-normal">
 										{$i18n.t('Additional Config')}
 									</div>
 									<div class="flex w-full items-center relative">
@@ -485,7 +485,7 @@
 							</div>
 
 							<div class="flex justify-between w-full mt-2">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									<Tooltip
 										content={$i18n.t(
 											'Significantly improves accuracy by using an LLM to enhance tables, forms, inline math, and layout detection. Will increase latency. Defaults to False.'
@@ -500,7 +500,7 @@
 								</div>
 							</div>
 							<div class="flex justify-between w-full mt-2">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									<Tooltip
 										content={$i18n.t('Skip the cache and re-run the inference. Defaults to False.')}
 										placement="top-start"
@@ -513,7 +513,7 @@
 								</div>
 							</div>
 							<div class="flex justify-between w-full mt-2">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									<Tooltip
 										content={$i18n.t(
 											'Force OCR on all pages of the PDF. This can lead to worse results if you have good text in your PDFs. Defaults to False.'
@@ -528,7 +528,7 @@
 								</div>
 							</div>
 							<div class="flex justify-between w-full mt-2">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									<Tooltip
 										content={$i18n.t(
 											'Whether to paginate the output. Each page will be separated by a horizontal rule and page number. Defaults to False.'
@@ -543,7 +543,7 @@
 								</div>
 							</div>
 							<div class="flex justify-between w-full mt-2">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									<Tooltip
 										content={$i18n.t(
 											'Strip existing OCR text from the PDF and re-run OCR. Ignored if Force OCR is enabled. Defaults to False.'
@@ -558,7 +558,7 @@
 								</div>
 							</div>
 							<div class="flex justify-between w-full mt-2">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									<Tooltip
 										content={$i18n.t(
 											'Disable image extraction from the PDF. If Use LLM is enabled, images will be automatically captioned. Defaults to False.'
@@ -573,7 +573,7 @@
 								</div>
 							</div>
 							<div class="flex justify-between w-full mt-2">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									<Tooltip
 										content={$i18n.t(
 											'Format the lines in the output. Defaults to False. If set to True, the lines will be formatted to detect inline math and styles.'
@@ -588,7 +588,7 @@
 								</div>
 							</div>
 							<div class="flex justify-between w-full mt-2">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									<Tooltip
 										content={$i18n.t(
 											"The output format for the text. Can be 'json', 'markdown', or 'html'. Defaults to 'markdown'."
@@ -709,7 +709,7 @@
 
 							<div class="flex flex-col gap-2 mt-2">
 								<div class=" flex flex-col w-full justify-between">
-									<div class=" mb-1 text-xs font-medium">
+									<div class=" mb-1 text-xs font-normal">
 										{$i18n.t('Parameters')}
 									</div>
 									<div class="flex w-full items-center relative">
@@ -735,7 +735,7 @@
 								/>
 							</div>
 							<div class="my-0.5 flex flex-col w-full">
-								<div class=" mb-1 text-xs font-medium">
+								<div class=" mb-1 text-xs font-normal">
 									{$i18n.t('Document Intelligence Model')}
 								</div>
 								<div class="flex w-full">
@@ -761,7 +761,7 @@
 								/>
 							</div>
 							<div class="flex justify-between w-full mt-2 pr-2">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									<Tooltip
 										content={$i18n.t(
 											'Send the PDF as a base64 data URL instead of uploading it first.'
@@ -792,7 +792,7 @@
 							<!-- API Mode Selection -->
 							<div class="flex w-full mt-2">
 								<div class="flex-1 flex justify-between">
-									<div class="self-center text-xs font-medium">
+									<div class="self-center text-xs font-normal">
 										{$i18n.t('API Mode')}
 									</div>
 									<select
@@ -840,7 +840,7 @@
 
 							<div class="flex w-full mt-2">
 								<div class="flex-1 flex justify-between">
-									<div class="self-center text-xs font-medium">
+									<div class="self-center text-xs font-normal">
 										{$i18n.t('API Timeout')}
 									</div>
 									<input
@@ -855,7 +855,7 @@
 
 							<!-- Parameters -->
 							<div class="flex flex-col justify-between w-full mt-2">
-								<div class="text-xs font-medium">
+								<div class="text-xs font-normal">
 									<Tooltip
 										content={$i18n.t(
 											'Advanced parameters for MinerU parsing (enable_ocr, enable_formula, enable_table, language, model_version, page_ranges)'
@@ -876,7 +876,7 @@
 
 							<!-- File Extensions -->
 							<div class="flex flex-col justify-between w-full mt-2">
-								<div class="text-xs font-medium mb-1">
+								<div class="text-xs font-normal mb-1">
 									<Tooltip
 										content={$i18n.t(
 											'Comma-separated list of file extensions MinerU will handle (e.g. pdf, docx, pptx, xlsx)'
@@ -896,7 +896,7 @@
 					</div>
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							<Tooltip content={$i18n.t('Full Context Mode')} placement="top-start">
 								{$i18n.t('Bypass Embedding and Retrieval')}
 							</Tooltip>
@@ -918,7 +918,7 @@
 
 					{#if !RAGConfig.BYPASS_EMBEDDING_AND_RETRIEVAL}
 						<div class="  mb-2.5 flex w-full justify-between">
-							<div class=" self-center text-xs font-medium">{$i18n.t('Text Splitter')}</div>
+							<div class=" self-center text-xs font-normal">{$i18n.t('Text Splitter')}</div>
 							<div class="flex items-center relative">
 								<select
 									class="w-fit pr-8 rounded-sm px-2 text-xs bg-transparent outline-hidden text-right"
@@ -935,7 +935,7 @@
 
 						{#if RAGConfig.TEXT_SPLITTER === 'token_transformers'}
 							<div class="mb-2.5 flex flex-col w-full justify-between">
-								<div class="self-center text-xs font-medium min-w-fit mb-1 w-full">
+								<div class="self-center text-xs font-normal min-w-fit mb-1 w-full">
 									{$i18n.t('Tokenizer Model')}
 								</div>
 								<div class="self-center w-full">
@@ -951,7 +951,7 @@
 						{/if}
 
 						<div class="  mb-2.5 flex w-full justify-between">
-							<div class=" self-center text-xs font-medium">
+							<div class=" self-center text-xs font-normal">
 								<Tooltip
 									placement="top-start"
 									content={$i18n.t(
@@ -969,7 +969,7 @@
 						<div class="  mb-2.5 flex w-full justify-between">
 							<div class=" flex gap-1.5 w-full">
 								<div class="  w-full justify-between">
-									<div class="self-center text-xs font-medium min-w-fit mb-1">
+									<div class="self-center text-xs font-normal min-w-fit mb-1">
 										{$i18n.t('Chunk Size')}
 									</div>
 									<div class="self-center">
@@ -985,7 +985,7 @@
 								</div>
 
 								<div class="w-full">
-									<div class=" self-center text-xs font-medium min-w-fit mb-1">
+									<div class=" self-center text-xs font-normal min-w-fit mb-1">
 										{$i18n.t('Chunk Overlap')}
 									</div>
 
@@ -1007,7 +1007,7 @@
 							<div class="  mb-2.5 flex w-full justify-between">
 								<div class=" flex gap-1.5 w-full">
 									<div class="w-full">
-										<div class="self-center text-xs font-medium min-w-fit mb-1">
+										<div class="self-center text-xs font-normal min-w-fit mb-1">
 											<Tooltip
 												placement="top-start"
 												content={$i18n.t(
@@ -1036,13 +1036,13 @@
 
 				{#if !RAGConfig.BYPASS_EMBEDDING_AND_RETRIEVAL}
 					<div class="mb-3">
-						<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Embedding')}</div>
+						<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Embedding')}</div>
 
 						<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 						<div class="  mb-2.5 flex flex-col w-full justify-between">
 							<div class="flex w-full justify-between">
-								<div class=" self-center text-xs font-medium">
+								<div class=" self-center text-xs font-normal">
 									{$i18n.t('Embedding Model Engine')}
 								</div>
 								<div class="flex items-center relative">
@@ -1124,7 +1124,7 @@
 						</div>
 
 						<div class="  mb-2.5 flex flex-col w-full">
-							<div class=" mb-1 text-xs font-medium">{$i18n.t('Embedding Model')}</div>
+							<div class=" mb-1 text-xs font-normal">{$i18n.t('Embedding Model')}</div>
 
 							<div class="">
 								{#if RAG_EMBEDDING_ENGINE === 'ollama'}
@@ -1191,7 +1191,7 @@
 						</div>
 
 						<div class="  mb-2.5 flex w-full justify-between">
-							<div class=" self-center text-xs font-medium">
+							<div class=" self-center text-xs font-normal">
 								{$i18n.t('Embedding Batch Size')}
 							</div>
 
@@ -1209,7 +1209,7 @@
 
 						{#if RAG_EMBEDDING_ENGINE === 'ollama' || RAG_EMBEDDING_ENGINE === 'openai' || RAG_EMBEDDING_ENGINE === 'azure_openai'}
 							<div class="  mb-2.5 flex w-full justify-between">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									<Tooltip
 										content={$i18n.t(
 											'Runs embedding tasks concurrently to speed up processing. Turn off if rate limits become an issue.'
@@ -1225,7 +1225,7 @@
 							</div>
 
 							<div class="  mb-2.5 flex w-full justify-between">
-								<div class="self-center text-xs font-medium">
+								<div class="self-center text-xs font-normal">
 									<Tooltip
 										content={$i18n.t(
 											'Limits the number of concurrent embedding requests. Set to 0 for unlimited.'
@@ -1250,13 +1250,13 @@
 				{/if}
 
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Retrieval')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Retrieval')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					{#if !RAGConfig.BYPASS_EMBEDDING_AND_RETRIEVAL}
 						<div class="  mb-2.5 flex w-full justify-between">
-							<div class=" self-center text-xs font-medium">{$i18n.t('Full Context Mode')}</div>
+							<div class=" self-center text-xs font-normal">{$i18n.t('Full Context Mode')}</div>
 							<div class="flex items-center relative">
 								<Tooltip
 									content={RAGConfig.RAG_FULL_CONTEXT
@@ -1274,7 +1274,7 @@
 
 						{#if !RAGConfig.RAG_FULL_CONTEXT}
 							<div class="  mb-2.5 flex w-full justify-between">
-								<div class=" self-center text-xs font-medium">{$i18n.t('Hybrid Search')}</div>
+								<div class=" self-center text-xs font-normal">{$i18n.t('Hybrid Search')}</div>
 								<div class="flex items-center relative">
 									<Switch bind:state={RAGConfig.ENABLE_RAG_HYBRID_SEARCH} />
 								</div>
@@ -1282,7 +1282,7 @@
 
 							{#if RAGConfig.ENABLE_RAG_HYBRID_SEARCH === true}
 								<div class="mb-2.5 flex w-full justify-between">
-									<div class="self-center text-xs font-medium">
+									<div class="self-center text-xs font-normal">
 										{$i18n.t('Enrich Hybrid Search Text')}
 									</div>
 									<div class="flex items-center relative">
@@ -1298,7 +1298,7 @@
 
 								<div class="  mb-2.5 flex flex-col w-full justify-between">
 									<div class="flex w-full justify-between">
-										<div class=" self-center text-xs font-medium">
+										<div class=" self-center text-xs font-normal">
 											{$i18n.t('Reranking Engine')}
 										</div>
 										<div class="flex items-center relative">
@@ -1339,7 +1339,7 @@
 								</div>
 
 								<div class="  mb-2.5 flex flex-col w-full">
-									<div class=" mb-1 text-xs font-medium">{$i18n.t('Reranking Model')}</div>
+									<div class=" mb-1 text-xs font-normal">{$i18n.t('Reranking Model')}</div>
 
 									<div class="">
 										<div class="flex w-full">
@@ -1358,7 +1358,7 @@
 							{/if}
 
 							<div class="  mb-2.5 flex w-full justify-between">
-								<div class=" self-center text-xs font-medium">
+								<div class=" self-center text-xs font-normal">
 									{$i18n.t('Reranking Batch Size')}
 								</div>
 
@@ -1375,7 +1375,7 @@
 							</div>
 
 							<div class="  mb-2.5 flex w-full justify-between">
-								<div class=" self-center text-xs font-medium">{$i18n.t('Top K')}</div>
+								<div class=" self-center text-xs font-normal">{$i18n.t('Top K')}</div>
 								<div class="flex items-center relative">
 									<input
 										class="flex-1 w-full text-sm bg-transparent outline-hidden"
@@ -1390,7 +1390,7 @@
 
 							{#if RAGConfig.ENABLE_RAG_HYBRID_SEARCH === true}
 								<div class="mb-2.5 flex w-full justify-between">
-									<div class="self-center text-xs font-medium">{$i18n.t('Top K Reranker')}</div>
+									<div class="self-center text-xs font-normal">{$i18n.t('Top K Reranker')}</div>
 									<div class="flex items-center relative">
 										<input
 											class="flex-1 w-full text-sm bg-transparent outline-hidden"
@@ -1407,7 +1407,7 @@
 							{#if RAGConfig.ENABLE_RAG_HYBRID_SEARCH === true}
 								<div class="  mb-2.5 flex flex-col w-full justify-between">
 									<div class=" flex w-full justify-between">
-										<div class=" self-center text-xs font-medium">
+										<div class=" self-center text-xs font-normal">
 											{$i18n.t('Relevance Threshold')}
 										</div>
 										<div class="flex items-center relative">
@@ -1443,7 +1443,7 @@
 										className="inline-tooltip"
 									>
 										<div class="flex w-full justify-between">
-											<div class=" self-center text-xs font-medium">
+											<div class=" self-center text-xs font-normal">
 												{$i18n.t('BM25 Weight')}
 											</div>
 											<button
@@ -1505,7 +1505,7 @@
 					{/if}
 
 					<div class="  mb-2.5 flex flex-col w-full justify-between">
-						<div class=" mb-1 text-xs font-medium">{$i18n.t('RAG Template')}</div>
+						<div class=" mb-1 text-xs font-normal">{$i18n.t('RAG Template')}</div>
 						<div class="flex w-full items-center relative">
 							<Tooltip
 								content={$i18n.t('Leave empty to use the default prompt, or enter a custom prompt')}
@@ -1532,12 +1532,12 @@
 				</div>
 
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Files')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Files')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">{$i18n.t('Allowed File Extensions')}</div>
+						<div class=" self-center text-xs font-normal">{$i18n.t('Allowed File Extensions')}</div>
 						<div class="flex items-center relative">
 							<Tooltip
 								content={$i18n.t(
@@ -1557,7 +1557,7 @@
 					</div>
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">{$i18n.t('Max Upload Size')}</div>
+						<div class=" self-center text-xs font-normal">{$i18n.t('Max Upload Size')}</div>
 						<div class="flex items-center relative">
 							<Tooltip
 								content={$i18n.t(
@@ -1578,7 +1578,7 @@
 					</div>
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">{$i18n.t('Max Upload Count')}</div>
+						<div class=" self-center text-xs font-normal">{$i18n.t('Max Upload Count')}</div>
 						<div class="flex items-center relative">
 							<Tooltip
 								content={$i18n.t(
@@ -1599,7 +1599,7 @@
 					</div>
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">{$i18n.t('Image Compression Width')}</div>
+						<div class=" self-center text-xs font-normal">{$i18n.t('Image Compression Width')}</div>
 						<div class="flex items-center relative">
 							<Tooltip
 								content={$i18n.t(
@@ -1620,7 +1620,7 @@
 					</div>
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Image Compression Height')}
 						</div>
 						<div class="flex items-center relative">
@@ -1644,19 +1644,19 @@
 				</div>
 
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Integration')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Integration')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">{$i18n.t('Google Drive')}</div>
+						<div class=" self-center text-xs font-normal">{$i18n.t('Google Drive')}</div>
 						<div class="flex items-center relative">
 							<Switch bind:state={RAGConfig.ENABLE_GOOGLE_DRIVE_INTEGRATION} />
 						</div>
 					</div>
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">{$i18n.t('OneDrive')}</div>
+						<div class=" self-center text-xs font-normal">{$i18n.t('OneDrive')}</div>
 						<div class="flex items-center relative">
 							<Switch bind:state={RAGConfig.ENABLE_ONEDRIVE_INTEGRATION} />
 						</div>
@@ -1664,12 +1664,12 @@
 				</div>
 
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Danger Zone')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Danger Zone')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">{$i18n.t('Reset Upload Directory')}</div>
+						<div class=" self-center text-xs font-normal">{$i18n.t('Reset Upload Directory')}</div>
 						<div class="flex items-center relative">
 							<button
 								class="text-xs"
@@ -1684,7 +1684,7 @@
 					</div>
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Reset Vector Storage/Knowledge')}
 						</div>
 						<div class="flex items-center relative">
@@ -1700,7 +1700,7 @@
 						</div>
 					</div>
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Reindex Knowledge Base Vectors')}
 						</div>
 						<div class="flex items-center relative">
@@ -1718,9 +1718,9 @@
 				</div>
 			</div>
 		</div>
-		<div class="flex justify-end pt-3 text-sm font-medium">
+		<div class="flex justify-end pt-3 text-sm font-normal">
 			<button
-				class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+				class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 				type="submit"
 			>
 				{$i18n.t('Save')}
diff --git a/src/lib/components/admin/Settings/Evaluations.svelte b/src/lib/components/admin/Settings/Evaluations.svelte
index 40d792f5d2..dbc8bcd1cc 100644
--- a/src/lib/components/admin/Settings/Evaluations.svelte
+++ b/src/lib/components/admin/Settings/Evaluations.svelte
@@ -104,12 +104,12 @@
 		{#if evaluationConfig !== null}
 			<div class="">
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('General')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('General')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="mb-2.5 flex w-full justify-between">
-						<div class=" text-xs font-medium">{$i18n.t('Arena Models')}</div>
+						<div class=" text-xs font-normal">{$i18n.t('Arena Models')}</div>
 
 						<Tooltip content={$i18n.t(`Message rating should be enabled to use this feature`)}>
 							<Switch bind:state={evaluationConfig.ENABLE_EVALUATION_ARENA_MODELS} />
@@ -119,7 +119,7 @@
 
 				{#if evaluationConfig.ENABLE_EVALUATION_ARENA_MODELS}
 					<div class="mb-3">
-						<div class=" mt-0.5 mb-2.5 text-base font-medium flex justify-between items-center">
+						<div class=" mt-0.5 mb-2.5 text-base font-normal flex justify-between items-center">
 							<div>
 								{$i18n.t('Manage')}
 							</div>
@@ -174,9 +174,9 @@
 		{/if}
 	</div>
 
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/admin/Settings/Evaluations/ArenaModelModal.svelte b/src/lib/components/admin/Settings/Evaluations/ArenaModelModal.svelte
index 85046afc5c..d073793250 100644
--- a/src/lib/components/admin/Settings/Evaluations/ArenaModelModal.svelte
+++ b/src/lib/components/admin/Settings/Evaluations/ArenaModelModal.svelte
@@ -131,7 +131,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
-			<div class=" text-lg font-medium self-center font-primary">
+			<div class=" text-lg font-normal self-center ">
 				{#if edit}
 					{$i18n.t('Edit Arena Model')}
 				{:else}
@@ -374,10 +374,10 @@
 						</div>
 					</div>
 
-					<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
+					<div class="flex justify-end pt-3 text-sm font-normal gap-1.5">
 						{#if edit}
 							<button
-								class="px-3.5 py-1.5 text-sm font-medium dark:bg-black dark:hover:bg-gray-950 dark:text-white bg-white text-black hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
+								class="px-3.5 py-1.5 text-sm font-normal dark:bg-black dark:hover:bg-gray-950 dark:text-white bg-white text-black hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
 								type="button"
 								on:click={() => {
 									showDeleteConfirmDialog = true;
@@ -388,7 +388,7 @@
 						{/if}
 
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/admin/Settings/Events.svelte b/src/lib/components/admin/Settings/Events.svelte
index b41746bfde..bc688cf694 100644
--- a/src/lib/components/admin/Settings/Events.svelte
+++ b/src/lib/components/admin/Settings/Events.svelte
@@ -392,7 +392,7 @@
 <Modal bind:show={showWebhookModal} size="sm">
 	<div>
 		<div class="flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
-			<h1 class="text-lg font-medium self-center font-primary">
+			<h1 class="text-lg font-normal self-center ">
 				{editing ? $i18n.t('Edit webhook') : $i18n.t('Add webhook')}
 			</h1>
 
@@ -651,11 +651,11 @@
 					{/if}
 				</div>
 
-				<div class="flex justify-between items-center pt-4 text-sm font-medium">
+				<div class="flex justify-between items-center pt-4 text-sm font-normal">
 					<div>
 						{#if editing}
 							<button
-								class="px-1 py-1.5 text-sm font-medium text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:underline transition"
+								class="px-1 py-1.5 text-sm font-normal text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:underline transition"
 								type="button"
 								on:click={() => {
 									showDeleteConfirmDialog = true;
@@ -668,7 +668,7 @@
 
 					<button
 						type="submit"
-						class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
+						class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
 					>
 						{$i18n.t('Save')}
 					</button>
@@ -688,12 +688,12 @@
 />
 
 <div class="mb-3">
-	<div class="mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Events')}</div>
+	<div class="mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Events')}</div>
 	<hr class="border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 	<div class="mb-2.5 flex flex-col w-full justify-between">
 		<div class="flex justify-between items-center mb-1">
-			<div class="font-medium text-xs">{$i18n.t('Webhooks')}</div>
+			<div class="font-normal text-xs">{$i18n.t('Webhooks')}</div>
 
 			<Tooltip content={$i18n.t('Add webhook')}>
 				<button class="px-1" on:click={newWebhook} type="button">
@@ -709,7 +709,7 @@
 						class="flex-1 min-w-0 flex gap-1.5 items-center {webhook.enabled ? '' : 'opacity-50'}"
 					>
 						<div class="outline-hidden w-full bg-transparent text-sm truncate">
-							<span class="font-medium">
+							<span class="font-normal">
 								{webhook.id === 'default' ? $i18n.t('Default webhook') : webhook.name}
 							</span>
 							<span class="text-xs text-gray-500">
diff --git a/src/lib/components/admin/Settings/ExternalKnowledge.svelte b/src/lib/components/admin/Settings/ExternalKnowledge.svelte
index 383102fd7c..fef49c22a0 100644
--- a/src/lib/components/admin/Settings/ExternalKnowledge.svelte
+++ b/src/lib/components/admin/Settings/ExternalKnowledge.svelte
@@ -411,7 +411,7 @@
 <Modal bind:show={showSourceModal} size="sm">
 	<div>
 		<div class="flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
-			<h1 class="text-lg font-medium self-center font-primary">
+			<h1 class="text-lg font-normal self-center ">
 				{editingItem ? $i18n.t('Edit Knowledge Connection') : $i18n.t('Add Knowledge Connection')}
 			</h1>
 
@@ -769,11 +769,11 @@
 							shareUsers={true}
 						/>
 
-						<div class="flex justify-between items-center pt-3 text-sm font-medium">
+						<div class="flex justify-between items-center pt-3 text-sm font-normal">
 							<div></div>
 
 							<button
-								class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed"
+								class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed"
 								type="submit"
 								disabled={creating || !sourceFormIsValid() || !testResult?.documents?.length}
 							>
@@ -791,9 +791,9 @@
 <div class="mb-2.5 flex flex-col w-full justify-between text-sm">
 	<div class="flex justify-between items-center mb-1">
 		<div class="flex items-center gap-2">
-			<div class="font-medium">{$i18n.t('External Knowledge Sources')}</div>
+			<div class="font-normal">{$i18n.t('External Knowledge Sources')}</div>
 			<span
-				class="text-[0.65rem] font-medium uppercase px-1.5 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-gray-500 dark:text-gray-400"
+				class="text-[0.65rem] font-normal uppercase px-1.5 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-gray-500 dark:text-gray-400"
 				>{$i18n.t('Experimental')}</span
 			>
 		</div>
diff --git a/src/lib/components/admin/Settings/General.svelte b/src/lib/components/admin/Settings/General.svelte
index 3d0a916a1b..f264c704f8 100644
--- a/src/lib/components/admin/Settings/General.svelte
+++ b/src/lib/components/admin/Settings/General.svelte
@@ -81,12 +81,12 @@
 		{#if adminConfig !== null}
 			<div class="">
 				<div class="mb-3.5">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('General')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('General')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="mb-2.5">
-						<div class=" mb-1 text-xs font-medium flex space-x-2 items-center">
+						<div class=" mb-1 text-xs font-normal flex space-x-2 items-center">
 							<div>
 								{$i18n.t('Version')}
 							</div>
@@ -125,7 +125,7 @@
 
 							{#if $config?.features?.enable_version_update_check}
 								<button
-									class=" text-xs px-3 py-1.5 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-lg font-medium"
+									class=" text-xs px-3 py-1.5 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-lg font-normal"
 									type="button"
 									on:click={() => {
 										checkForVersionUpdates();
@@ -149,7 +149,7 @@
 							</div>
 
 							<a
-								class="flex-shrink-0 text-xs font-medium underline"
+								class="flex-shrink-0 text-xs font-normal underline"
 								href="https://docs.openwebui.com/"
 								target="_blank"
 							>
@@ -205,7 +205,7 @@
 											>{$config?.license_metadata?.organization_name}</span
 										>
 										for
-										<span class=" font-medium text-black dark:text-white"
+										<span class=" font-normal text-black dark:text-white"
 											>{$config?.license_metadata?.seats ?? 'Unlimited'} users.</span
 										>
 									</a>
@@ -230,7 +230,7 @@
 							</div>
 
 							<!-- <button
-								class="flex-shrink-0 text-xs px-3 py-1.5 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-lg font-medium"
+								class="flex-shrink-0 text-xs px-3 py-1.5 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-lg font-normal"
 							>
 								{$i18n.t('Activate')}
 							</button> -->
@@ -239,12 +239,12 @@
 				</div>
 
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Features')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Features')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="mb-2.5 flex w-full items-center justify-between pr-2">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Enable Community Sharing')}
 						</div>
 
@@ -252,13 +252,13 @@
 					</div>
 
 					<div class="mb-2.5 flex w-full items-center justify-between pr-2">
-						<div class=" self-center text-xs font-medium">{$i18n.t('Enable Message Rating')}</div>
+						<div class=" self-center text-xs font-normal">{$i18n.t('Enable Message Rating')}</div>
 
 						<Switch bind:state={adminConfig.ENABLE_MESSAGE_RATING} />
 					</div>
 
 					<div class="mb-2.5 flex w-full items-center justify-between pr-2">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Folders')}
 						</div>
 
@@ -268,7 +268,7 @@
 					{#if adminConfig.ENABLE_FOLDERS}
 						<div class="mb-2.5 w-full justify-between">
 							<div class="flex w-full justify-between">
-								<div class=" self-center text-xs font-medium">
+								<div class=" self-center text-xs font-normal">
 									{$i18n.t('Folder Max File Count')}
 								</div>
 							</div>
@@ -290,7 +290,7 @@
 					{/if}
 
 					<div class="mb-2.5 flex w-full items-center justify-between pr-2">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Memories')}
 						</div>
 
@@ -299,7 +299,7 @@
 
 					{#if adminConfig.ENABLE_MEMORIES}
 						<div class="mb-2.5 flex w-full items-center justify-between pr-2 pl-4">
-							<div class=" self-center text-xs font-medium text-gray-500 dark:text-gray-400">
+							<div class=" self-center text-xs font-normal text-gray-500 dark:text-gray-400">
 								{$i18n.t('Memory System Context')}
 							</div>
 
@@ -308,7 +308,7 @@
 					{/if}
 
 					<div class="mb-2.5 flex w-full items-center justify-between pr-2">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Notes')}
 						</div>
 
@@ -316,7 +316,7 @@
 					</div>
 
 					<div class="mb-2.5 flex w-full items-center justify-between pr-2">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Channels')}
 						</div>
 
@@ -324,7 +324,7 @@
 					</div>
 
 					<div class="mb-2.5 flex w-full items-center justify-between pr-2">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Calendar')}
 						</div>
 
@@ -332,7 +332,7 @@
 					</div>
 
 					<div class="mb-2.5 flex w-full items-center justify-between pr-2">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Automations')}
 						</div>
 
@@ -340,7 +340,7 @@
 					</div>
 
 					<div class="mb-2.5 flex w-full items-center justify-between pr-2">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('User Webhooks')}
 						</div>
 
@@ -348,7 +348,7 @@
 					</div>
 
 					<div class="mb-2.5 flex w-full items-center justify-between pr-2">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('User Status')}
 						</div>
 
@@ -356,7 +356,7 @@
 					</div>
 
 					<div class="mb-2.5">
-						<div class=" self-center text-xs font-medium mb-2">
+						<div class=" self-center text-xs font-normal mb-2">
 							{$i18n.t('Response Watermark')}
 						</div>
 						<Textarea
@@ -367,7 +367,7 @@
 
 					<div class="mb-2.5 w-full justify-between">
 						<div class="flex w-full justify-between">
-							<div class=" self-center text-xs font-medium">{$i18n.t('WebUI URL')}</div>
+							<div class=" self-center text-xs font-normal">{$i18n.t('WebUI URL')}</div>
 						</div>
 
 						<div class="flex mt-2 space-x-2">
@@ -390,7 +390,7 @@
 				<Events />
 
 				<div class="mb-3.5">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('UI')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('UI')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
@@ -439,9 +439,9 @@
 		{/if}
 	</div>
 
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/admin/Settings/Images.svelte b/src/lib/components/admin/Settings/Images.svelte
index 9c13e68aa2..78dc1063cd 100644
--- a/src/lib/components/admin/Settings/Images.svelte
+++ b/src/lib/components/admin/Settings/Images.svelte
@@ -293,7 +293,7 @@
 		{#if config}
 			<div>
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('General')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('General')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
@@ -311,7 +311,7 @@
 				</div>
 
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Create Image')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Create Image')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
@@ -551,7 +551,7 @@
 							<div class="mt-1 text-xs text-gray-400 dark:text-gray-500">
 								{$i18n.t('Include `--api` flag when running stable-diffusion-webui')}
 								<a
-									class=" text-gray-300 font-medium"
+									class=" text-gray-300 font-normal"
 									href="https://github.com/AUTOMATIC1111/stable-diffusion-webui/discussions/3734"
 									target="_blank"
 								>
@@ -583,7 +583,7 @@
 							<div class="mt-1 text-xs text-gray-400 dark:text-gray-500">
 								{$i18n.t('Include `--api-auth` flag when running stable-diffusion-webui')}
 								<a
-									class=" text-gray-300 font-medium"
+									class=" text-gray-300 font-normal"
 									href="https://github.com/AUTOMATIC1111/stable-diffusion-webui/discussions/13993"
 									target="_blank"
 								>
@@ -884,7 +884,7 @@
 				</div>
 
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Edit Image')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Edit Image')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
@@ -1272,9 +1272,9 @@
 		{/if}
 	</div>
 
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
 				? ' cursor-not-allowed'
 				: ''}"
 			type="submit"
diff --git a/src/lib/components/admin/Settings/Integrations.svelte b/src/lib/components/admin/Settings/Integrations.svelte
index a8d835b395..036190d3c3 100644
--- a/src/lib/components/admin/Settings/Integrations.svelte
+++ b/src/lib/components/admin/Settings/Integrations.svelte
@@ -164,13 +164,13 @@
 		{#if servers !== null}
 			<div class="">
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Tools')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Tools')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="mb-2.5 flex flex-col w-full justify-between">
 						<div class="flex justify-between items-center mb-0.5">
-							<div class="font-medium">{$i18n.t('External Tool Servers')}</div>
+							<div class="font-normal">{$i18n.t('External Tool Servers')}</div>
 
 							<Tooltip content={$i18n.t(`Add Connection`)}>
 								<button
@@ -215,7 +215,7 @@
 
 					<div class="mt-4 mb-2.5 flex flex-col w-full">
 						<div class="flex justify-between items-center mb-1">
-							<div class="font-medium">{$i18n.t('Open Terminal')}</div>
+							<div class="font-normal">{$i18n.t('Open Terminal')}</div>
 
 							<Tooltip content={$i18n.t('Add Connection')}>
 								<button
@@ -309,7 +309,7 @@
 						</div>
 					</div>
 
-					<div class="mt-8 mb-2.5 text-base font-medium">{$i18n.t('Knowledge')}</div>
+					<div class="mt-8 mb-2.5 text-base font-normal">{$i18n.t('Knowledge')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
@@ -325,9 +325,9 @@
 		{/if}
 	</div>
 
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/admin/Settings/Interface.svelte b/src/lib/components/admin/Settings/Interface.svelte
index 0cbfd2aa04..87773ed3cc 100644
--- a/src/lib/components/admin/Settings/Interface.svelte
+++ b/src/lib/components/admin/Settings/Interface.svelte
@@ -108,11 +108,11 @@
 	>
 		<div class="  overflow-y-scroll scrollbar-hidden h-full pr-1.5">
 			<div class="mb-3.5">
-				<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Tasks')}</div>
+				<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Tasks')}</div>
 
 				<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
-				<div class=" mb-2 font-medium flex items-center">
+				<div class=" mb-2 font-normal flex items-center">
 					<div class=" text-xs mr-1">{$i18n.t('Task Model')}</div>
 					<Tooltip
 						content={$i18n.t(
@@ -227,7 +227,7 @@
 				<hr class=" border-gray-100/30 dark:border-gray-850/30 my-3" />
 
 				<div class="mb-2.5 flex w-full items-center justify-between">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Context Compaction')}
 					</div>
 
@@ -236,7 +236,7 @@
 
 				{#if chatConfig.ENABLE_CONTEXT_COMPACTION}
 					<div class="mb-2.5">
-						<div class=" mb-1 text-xs font-medium">{$i18n.t('Token Threshold')}</div>
+						<div class=" mb-1 text-xs font-normal">{$i18n.t('Token Threshold')}</div>
 
 						<Tooltip
 							content={$i18n.t(
@@ -255,7 +255,7 @@
 					</div>
 
 					<div class="mb-2.5">
-						<div class=" mb-1 text-xs font-medium">{$i18n.t('Token Cap')}</div>
+						<div class=" mb-1 text-xs font-normal">{$i18n.t('Token Cap')}</div>
 
 						<Tooltip
 							content={$i18n.t(
@@ -274,7 +274,7 @@
 					</div>
 
 					<div class="mb-2.5">
-						<div class=" mb-1 text-xs font-medium">{$i18n.t('Context Compaction Prompt')}</div>
+						<div class=" mb-1 text-xs font-normal">{$i18n.t('Context Compaction Prompt')}</div>
 
 						<Tooltip
 							content={$i18n.t('Leave empty to use the default prompt, or enter a custom prompt')}
@@ -301,7 +301,7 @@
 				<hr class=" border-gray-100/30 dark:border-gray-850/30 my-3" />
 
 				<div class="mb-2.5 flex w-full items-center justify-between">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Title Generation')}
 					</div>
 
@@ -310,7 +310,7 @@
 
 				{#if taskConfig.ENABLE_TITLE_GENERATION}
 					<div class="mb-2.5">
-						<div class=" mb-1 text-xs font-medium">{$i18n.t('Title Generation Prompt')}</div>
+						<div class=" mb-1 text-xs font-normal">{$i18n.t('Title Generation Prompt')}</div>
 
 						<Tooltip
 							content={$i18n.t('Leave empty to use the default prompt, or enter a custom prompt')}
@@ -327,7 +327,7 @@
 				{/if}
 
 				<div class="mb-2.5 flex w-full items-center justify-between">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Voice Mode Prompt')}
 					</div>
 
@@ -336,7 +336,7 @@
 
 				{#if taskConfig.ENABLE_VOICE_MODE_PROMPT}
 					<div class="mb-2.5">
-						<div class=" mb-1 text-xs font-medium">{$i18n.t('Prompt Template')}</div>
+						<div class=" mb-1 text-xs font-normal">{$i18n.t('Prompt Template')}</div>
 
 						<Tooltip
 							content={$i18n.t('Leave empty to use the default prompt, or enter a custom prompt')}
@@ -353,7 +353,7 @@
 				{/if}
 
 				<div class="mb-2.5 flex w-full items-center justify-between">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Follow Up Generation')}
 					</div>
 
@@ -362,7 +362,7 @@
 
 				{#if taskConfig.ENABLE_FOLLOW_UP_GENERATION}
 					<div class="mb-2.5">
-						<div class=" mb-1 text-xs font-medium">{$i18n.t('Follow Up Generation Prompt')}</div>
+						<div class=" mb-1 text-xs font-normal">{$i18n.t('Follow Up Generation Prompt')}</div>
 
 						<Tooltip
 							content={$i18n.t('Leave empty to use the default prompt, or enter a custom prompt')}
@@ -379,7 +379,7 @@
 				{/if}
 
 				<div class="mb-2.5 flex w-full items-center justify-between">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Tags Generation')}
 					</div>
 
@@ -388,7 +388,7 @@
 
 				{#if taskConfig.ENABLE_TAGS_GENERATION}
 					<div class="mb-2.5">
-						<div class=" mb-1 text-xs font-medium">{$i18n.t('Tags Generation Prompt')}</div>
+						<div class=" mb-1 text-xs font-normal">{$i18n.t('Tags Generation Prompt')}</div>
 
 						<Tooltip
 							content={$i18n.t('Leave empty to use the default prompt, or enter a custom prompt')}
@@ -405,7 +405,7 @@
 				{/if}
 
 				<div class="mb-2.5 flex w-full items-center justify-between">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Retrieval Query Generation')}
 					</div>
 
@@ -413,7 +413,7 @@
 				</div>
 
 				<div class="mb-2.5 flex w-full items-center justify-between">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Web Search Query Generation')}
 					</div>
 
@@ -421,7 +421,7 @@
 				</div>
 
 				<div class="mb-2.5">
-					<div class=" mb-1 text-xs font-medium">{$i18n.t('Query Generation Prompt')}</div>
+					<div class=" mb-1 text-xs font-normal">{$i18n.t('Query Generation Prompt')}</div>
 
 					<Tooltip
 						content={$i18n.t('Leave empty to use the default prompt, or enter a custom prompt')}
@@ -437,7 +437,7 @@
 				</div>
 
 				<div class="mb-2.5 flex w-full items-center justify-between">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Autocomplete Generation')}
 					</div>
 
@@ -448,7 +448,7 @@
 
 				{#if taskConfig.ENABLE_AUTOCOMPLETE_GENERATION}
 					<div class="mb-2.5">
-						<div class=" mb-1 text-xs font-medium">
+						<div class=" mb-1 text-xs font-normal">
 							{$i18n.t('Autocomplete Generation Input Max Length')}
 						</div>
 
@@ -464,7 +464,7 @@
 						</Tooltip>
 					</div>
 					<div class="mb-2.5">
-						<div class=" mb-1 text-xs font-medium">{$i18n.t('Autocomplete Generation Prompt')}</div>
+						<div class=" mb-1 text-xs font-normal">{$i18n.t('Autocomplete Generation Prompt')}</div>
 
 						<Tooltip
 							content={$i18n.t('Leave empty to use the default prompt, or enter a custom prompt')}
@@ -481,7 +481,7 @@
 				{/if}
 
 				<div class="mb-2.5">
-					<div class=" mb-1 text-xs font-medium">{$i18n.t('Image Prompt Generation Prompt')}</div>
+					<div class=" mb-1 text-xs font-normal">{$i18n.t('Image Prompt Generation Prompt')}</div>
 
 					<Tooltip
 						content={$i18n.t('Leave empty to use the default prompt, or enter a custom prompt')}
@@ -497,7 +497,7 @@
 				</div>
 
 				<div class="mb-2.5">
-					<div class=" mb-1 text-xs font-medium">{$i18n.t('Tools Function Calling Prompt')}</div>
+					<div class=" mb-1 text-xs font-normal">{$i18n.t('Tools Function Calling Prompt')}</div>
 
 					<Tooltip
 						content={$i18n.t('Leave empty to use the default prompt, or enter a custom prompt')}
@@ -514,9 +514,9 @@
 			</div>
 		</div>
 
-		<div class="flex justify-end text-sm font-medium">
+		<div class="flex justify-end text-sm font-normal">
 			<button
-				class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+				class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 				type="submit"
 			>
 				{$i18n.t('Save')}
diff --git a/src/lib/components/admin/Settings/Models.svelte b/src/lib/components/admin/Settings/Models.svelte
index f83cc5fbb9..8410580584 100644
--- a/src/lib/components/admin/Settings/Models.svelte
+++ b/src/lib/components/admin/Settings/Models.svelte
@@ -382,12 +382,12 @@
 	{#if selectedModelId === null}
 		<div class="flex flex-col gap-1 mt-1.5 mb-2">
 			<div class="flex justify-between items-center">
-				<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
+				<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
 					<div>
 						{$i18n.t('Models')}
 					</div>
 
-					<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+					<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 						{filteredModels.length}
 					</div>
 				</div>
@@ -439,7 +439,7 @@
 							{#if modelsImportInProgress}
 								<Spinner className="size-3" />
 							{/if}
-							<div class=" self-center font-medium line-clamp-1">
+							<div class=" self-center font-normal line-clamp-1">
 								{$i18n.t('Import')}
 							</div>
 						</button>
@@ -450,7 +450,7 @@
 								downloadModels(models);
 							}}
 						>
-							<div class=" self-center font-medium line-clamp-1">
+							<div class=" self-center font-normal line-clamp-1">
 								{$i18n.t('Export')}
 							</div>
 						</button>
@@ -463,19 +463,19 @@
 							showManageModal = true;
 						}}
 					>
-						<div class=" self-center font-medium line-clamp-1">
+						<div class=" self-center font-normal line-clamp-1">
 							{$i18n.t('Manage')}
 						</div>
 					</button>
 
 					<button
-						class="flex text-xs items-center space-x-1 px-3 py-1.5 rounded-xl bg-black hover:bg-gray-900 text-white dark:bg-white dark:hover:bg-gray-100 dark:text-black transition font-medium"
+						class="flex text-xs items-center space-x-1 px-3 py-1.5 rounded-xl bg-black hover:bg-gray-900 text-white dark:bg-white dark:hover:bg-gray-100 dark:text-black transition font-normal"
 						type="button"
 						on:click={() => {
 							showConfigModal = true;
 						}}
 					>
-						<div class=" self-center font-medium line-clamp-1">
+						<div class=" self-center font-normal line-clamp-1">
 							{$i18n.t('Settings')}
 						</div>
 					</button>
@@ -640,7 +640,7 @@
 										className=" w-fit"
 										placement="top-start"
 									>
-										<div class="font-medium line-clamp-1 flex items-center gap-2">
+										<div class="font-normal line-clamp-1 flex items-center gap-2">
 											{model.name}
 
 											<Badge
@@ -767,7 +767,7 @@
 					<div class=" w-full h-full flex flex-col justify-center items-center my-16 mb-24">
 						<div class="max-w-md text-center">
 							<div class=" text-3xl mb-3">😕</div>
-							<div class=" text-lg font-medium mb-1">{$i18n.t('No models found')}</div>
+							<div class=" text-lg font-normal mb-1">{$i18n.t('No models found')}</div>
 							<div class=" text-gray-500 text-center text-xs">
 								{$i18n.t('Try adjusting your search or filter to find what you are looking for.')}
 							</div>
diff --git a/src/lib/components/admin/Settings/Models/Manage/ManageOllama.svelte b/src/lib/components/admin/Settings/Models/Manage/ManageOllama.svelte
index 016bf68f07..98939c44cb 100644
--- a/src/lib/components/admin/Settings/Models/Manage/ManageOllama.svelte
+++ b/src/lib/components/admin/Settings/Models/Manage/ManageOllama.svelte
@@ -608,7 +608,7 @@
 		<div>
 			<div class="space-y-2">
 				<div>
-					<div class=" mb-2 text-sm font-medium flex items-center gap-1.5">
+					<div class=" mb-2 text-sm font-normal flex items-center gap-1.5">
 						<div>
 							{$i18n.t('Pull a model from Ollama.com')}
 						</div>
@@ -708,7 +708,7 @@
 					<div class="mt-2 mb-1 text-xs text-gray-400 dark:text-gray-500">
 						{$i18n.t('To access the available model names for downloading,')}
 						<a
-							class=" text-gray-500 dark:text-gray-300 font-medium underline"
+							class=" text-gray-500 dark:text-gray-300 font-normal underline"
 							href="https://ollama.com/library"
 							target="_blank">{$i18n.t('click here.')}</a
 						>
@@ -751,12 +751,12 @@
 						{#each Object.keys($MODEL_DOWNLOAD_POOL) as model}
 							{#if 'pullProgress' in $MODEL_DOWNLOAD_POOL[model]}
 								<div class="flex flex-col">
-									<div class="font-medium mb-1">{model}</div>
+									<div class="font-normal mb-1">{model}</div>
 									<div class="">
 										<div class="flex flex-row justify-between space-x-4 pr-2">
 											<div class=" flex-1">
 												<div
-													class="dark:bg-gray-600 bg-gray-500 text-xs font-medium text-gray-100 text-center p-0.5 leading-none rounded-full"
+													class="dark:bg-gray-600 bg-gray-500 text-xs font-normal text-gray-100 text-center p-0.5 leading-none rounded-full"
 													style="width: {Math.max(
 														15,
 														$MODEL_DOWNLOAD_POOL[model].pullProgress ?? 0
@@ -806,7 +806,7 @@
 				</div>
 
 				<div>
-					<div class=" mb-2 text-sm font-medium">{$i18n.t('Delete a model')}</div>
+					<div class=" mb-2 text-sm font-normal">{$i18n.t('Delete a model')}</div>
 					<div class="flex w-full">
 						<div
 							class="flex-1 mr-2 pr-1.5 rounded-lg bg-gray-50 dark:text-gray-300 dark:bg-gray-850"
@@ -851,7 +851,7 @@
 				</div>
 
 				<div>
-					<div class=" mb-2 text-sm font-medium">{$i18n.t('Create a model')}</div>
+					<div class=" mb-2 text-sm font-normal">{$i18n.t('Create a model')}</div>
 					<div class="flex w-full">
 						<div class="flex-1 mr-2 flex flex-col gap-2">
 							<input
@@ -903,12 +903,12 @@
 
 					{#if createModelDigest !== ''}
 						<div class="flex flex-col mt-1">
-							<div class="font-medium mb-1">{createModelTag}</div>
+							<div class="font-normal mb-1">{createModelTag}</div>
 							<div class="">
 								<div class="flex flex-row justify-between space-x-4 pr-2">
 									<div class=" flex-1">
 										<div
-											class="dark:bg-gray-600 bg-gray-500 text-xs font-medium text-gray-100 text-center p-0.5 leading-none rounded-full"
+											class="dark:bg-gray-600 bg-gray-500 text-xs font-normal text-gray-100 text-center p-0.5 leading-none rounded-full"
 											style="width: {Math.max(15, createModelPullProgress ?? 0)}%"
 										>
 											{createModelPullProgress ?? 0}%
@@ -927,9 +927,9 @@
 
 				<div class="pt-1">
 					<div class="flex justify-between items-center text-xs">
-						<div class=" text-sm font-medium">{$i18n.t('Experimental')}</div>
+						<div class=" text-sm font-normal">{$i18n.t('Experimental')}</div>
 						<button
-							class=" text-xs font-medium text-gray-500"
+							class=" text-xs font-normal text-gray-500"
 							type="button"
 							on:click={() => {
 								showExperimentalOllama = !showExperimentalOllama;
@@ -945,7 +945,7 @@
 						}}
 					>
 						<div class=" mb-2 flex w-full justify-between">
-							<div class="  text-sm font-medium">{$i18n.t('Upload a GGUF model')}</div>
+							<div class="  text-sm font-normal">{$i18n.t('Upload a GGUF model')}</div>
 
 							<button
 								class="p-1 px-3 text-xs flex rounded-sm transition"
@@ -1073,7 +1073,7 @@
 						{#if (modelUploadMode === 'file' && modelInputFile && modelInputFile.length > 0) || (modelUploadMode === 'url' && modelFileUrl !== '')}
 							<div>
 								<div>
-									<div class=" my-2.5 text-sm font-medium">
+									<div class=" my-2.5 text-sm font-normal">
 										{$i18n.t('Modelfile Content')}
 									</div>
 									<textarea
@@ -1087,7 +1087,7 @@
 						<div class=" mt-1 text-xs text-gray-400 dark:text-gray-500">
 							{$i18n.t('To access the GGUF models available for downloading,')}
 							<a
-								class=" text-gray-500 dark:text-gray-300 font-medium underline"
+								class=" text-gray-500 dark:text-gray-300 font-normal underline"
 								href="https://huggingface.co/models?search=gguf"
 								target="_blank">{$i18n.t('click here.')}</a
 							>
@@ -1099,7 +1099,7 @@
 
 								<div class="w-full rounded-full dark:bg-gray-800">
 									<div
-										class="dark:bg-gray-600 bg-gray-500 text-xs font-medium text-gray-100 text-center p-0.5 leading-none rounded-full"
+										class="dark:bg-gray-600 bg-gray-500 text-xs font-normal text-gray-100 text-center p-0.5 leading-none rounded-full"
 										style="width: 100%"
 									>
 										{uploadMessage}
@@ -1115,7 +1115,7 @@
 
 								<div class="w-full rounded-full dark:bg-gray-800">
 									<div
-										class="dark:bg-gray-600 bg-gray-500 text-xs font-medium text-gray-100 text-center p-0.5 leading-none rounded-full"
+										class="dark:bg-gray-600 bg-gray-500 text-xs font-normal text-gray-100 text-center p-0.5 leading-none rounded-full"
 										style="width: {Math.max(15, uploadProgress ?? 0)}%"
 									>
 										{uploadProgress ?? 0}%
diff --git a/src/lib/components/admin/Settings/Models/ManageModelsModal.svelte b/src/lib/components/admin/Settings/Models/ManageModelsModal.svelte
index 7612a6e379..466339f61f 100644
--- a/src/lib/components/admin/Settings/Models/ManageModelsModal.svelte
+++ b/src/lib/components/admin/Settings/Models/ManageModelsModal.svelte
@@ -40,7 +40,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-4">
-			<div class=" text-lg font-medium self-center font-primary">
+			<div class=" text-lg font-normal self-center ">
 				{$i18n.t('Manage Models')}
 			</div>
 			<button
@@ -64,7 +64,7 @@
 				{:else if selected !== null}
 					<div class=" flex w-full flex-col">
 						<div
-							class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent dark:text-gray-200"
+							class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-normal rounded-full bg-transparent dark:text-gray-200"
 						>
 							<button
 								class="min-w-fit p-1.5 {selected === 'ollama'
diff --git a/src/lib/components/admin/Settings/Models/ModelSettingsModal.svelte b/src/lib/components/admin/Settings/Models/ModelSettingsModal.svelte
index 1b6b0a3f31..b8d7ad38ce 100644
--- a/src/lib/components/admin/Settings/Models/ModelSettingsModal.svelte
+++ b/src/lib/components/admin/Settings/Models/ModelSettingsModal.svelte
@@ -166,7 +166,7 @@
 <Modal size="lg" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
-			<div class=" text-lg font-medium self-center font-primary">
+			<div class=" text-lg font-normal self-center ">
 				{$i18n.t('Settings')}
 			</div>
 			<button
@@ -191,7 +191,7 @@
 						<div class="flex flex-col lg:flex-row w-full h-full pb-2 lg:space-x-4">
 							<div
 								id="admin-settings-tabs-container"
-								class="tabs flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-40 dark:text-gray-200 text-sm font-medium text-left scrollbar-none"
+								class="tabs flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-40 dark:text-gray-200 text-sm font-normal text-left scrollbar-none"
 							>
 								<button
 									class="px-0.5 py-1 max-w-fit w-fit rounded-lg flex-1 lg:flex-none flex text-right transition {selectedTab ===
@@ -259,7 +259,7 @@
 													showDefaultPromptSuggestions = !showDefaultPromptSuggestions;
 												}}
 											>
-												<div class="text-xs text-gray-500 font-medium">
+												<div class="text-xs text-gray-500 font-normal">
 													{$i18n.t('Prompt Suggestions')}
 												</div>
 												<div>
@@ -296,7 +296,7 @@
 													showDefaultCapabilities = !showDefaultCapabilities;
 												}}
 											>
-												<div class="text-xs text-gray-500 font-medium">
+												<div class="text-xs text-gray-500 font-normal">
 													{$i18n.t('Model Capabilities')}
 												</div>
 												<div>
@@ -352,7 +352,7 @@
 													showDefaultParams = !showDefaultParams;
 												}}
 											>
-												<div class="text-xs text-gray-500 font-medium">
+												<div class="text-xs text-gray-500 font-normal">
 													{$i18n.t('Model Parameters')}
 												</div>
 												<div>
@@ -419,7 +419,7 @@
 									{/if}
 								</div>
 
-								<div class="flex justify-between items-center pt-3 text-sm font-medium gap-1.5">
+								<div class="flex justify-between items-center pt-3 text-sm font-normal gap-1.5">
 									<div>
 										<Tooltip
 											content={$i18n.t('This will delete all models including custom models')}
@@ -436,7 +436,7 @@
 										</Tooltip>
 									</div>
 									<button
-										class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
+										class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
 											? ' cursor-not-allowed'
 											: ''}"
 										type="submit"
diff --git a/src/lib/components/admin/Settings/Pipelines.svelte b/src/lib/components/admin/Settings/Pipelines.svelte
index 81ecfe2218..723f8c4f2e 100644
--- a/src/lib/components/admin/Settings/Pipelines.svelte
+++ b/src/lib/components/admin/Settings/Pipelines.svelte
@@ -224,7 +224,7 @@
 	<div class="overflow-y-scroll scrollbar-hidden h-full">
 		{#if PIPELINES_LIST !== null}
 			<div class="flex w-full justify-between mb-2">
-				<div class=" self-center text-sm font-medium">
+				<div class=" self-center text-sm font-normal">
 					{$i18n.t('Manage Pipelines')}
 				</div>
 			</div>
@@ -257,7 +257,7 @@
 				</div>
 
 				<div class=" my-2">
-					<div class=" mb-2 text-sm font-medium">
+					<div class=" mb-2 text-sm font-normal">
 						{$i18n.t('Upload Pipeline')}
 					</div>
 					<div class="flex w-full">
@@ -271,7 +271,7 @@
 							/>
 
 							<button
-								class="w-full text-sm font-medium py-2 bg-transparent hover:bg-gray-100 border border-dashed dark:border-gray-850 dark:hover:bg-gray-850 text-center rounded-xl"
+								class="w-full text-sm font-normal py-2 bg-transparent hover:bg-gray-100 border border-dashed dark:border-gray-850 dark:hover:bg-gray-850 text-center rounded-xl"
 								type="button"
 								on:click={() => {
 									document.getElementById('pipelines-upload-input')?.click();
@@ -342,7 +342,7 @@
 				</div>
 
 				<div class=" my-2">
-					<div class=" mb-2 text-sm font-medium">
+					<div class=" mb-2 text-sm font-normal">
 						{$i18n.t('Install from Github URL')}
 					</div>
 					<div class="flex w-full">
@@ -410,9 +410,9 @@
 					</div>
 
 					<div class="mt-2 text-xs text-gray-500">
-						<span class=" font-medium dark:text-gray-200">{$i18n.t('Warning:')}</span>
+						<span class=" font-normal dark:text-gray-200">{$i18n.t('Warning:')}</span>
 						{$i18n.t('Pipelines are a plugin system with arbitrary code execution —')}
-						<span class=" font-medium dark:text-gray-400"
+						<span class=" font-normal dark:text-gray-400"
 							>{$i18n.t("don't fetch random pipelines from sources you don't trust.")}</span
 						>
 					</div>
@@ -423,7 +423,7 @@
 				{#if pipelines !== null}
 					{#if pipelines.length > 0}
 						<div class="flex w-full justify-between mb-2">
-							<div class=" self-center text-sm font-medium">
+							<div class=" self-center text-sm font-normal">
 								{$i18n.t('Pipelines Valves')}
 							</div>
 						</div>
@@ -477,7 +477,7 @@
 										{#each Object.keys(valves_spec.properties) as property, idx}
 											<div class=" py-0.5 w-full justify-between">
 												<div class="flex w-full justify-between">
-													<div class=" self-center text-xs font-medium">
+													<div class=" self-center text-xs font-normal">
 														{valves_spec.properties[property].title}
 													</div>
 
@@ -567,9 +567,9 @@
 	</div>
 
 	{#if PIPELINES_LIST !== null && PIPELINES_LIST.length > 0}
-		<div class="flex justify-end pt-3 text-sm font-medium">
+		<div class="flex justify-end pt-3 text-sm font-normal">
 			<button
-				class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+				class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 				type="submit"
 			>
 				{$i18n.t('Save')}
diff --git a/src/lib/components/admin/Settings/Subagents.svelte b/src/lib/components/admin/Settings/Subagents.svelte
index aa9c212fbc..06d14fecaa 100644
--- a/src/lib/components/admin/Settings/Subagents.svelte
+++ b/src/lib/components/admin/Settings/Subagents.svelte
@@ -58,7 +58,7 @@
 
 <form class="flex h-full flex-col justify-between text-sm" on:submit|preventDefault={save}>
 	<div class="h-full overflow-y-auto scrollbar-hidden">
-		<div class="mt-0.5 mb-4 text-base font-medium">{$i18n.t('Sub-agents')}</div>
+		<div class="mt-0.5 mb-4 text-base font-normal">{$i18n.t('Sub-agents')}</div>
 
 		{#if loading}
 			<div class="flex justify-center py-8"><Spinner className="size-6" /></div>
@@ -187,9 +187,9 @@
 	</div>
 
 	{#if !loading}
-		<div class="flex justify-end pt-6 text-sm font-medium">
+		<div class="flex justify-end pt-6 text-sm font-normal">
 			<button
-				class="rounded-full bg-black px-3.5 py-1.5 text-sm font-medium text-white transition hover:bg-gray-900 disabled:opacity-50 dark:bg-white dark:text-black dark:hover:bg-gray-100"
+				class="rounded-full bg-black px-3.5 py-1.5 text-sm font-normal text-white transition hover:bg-gray-900 disabled:opacity-50 dark:bg-white dark:text-black dark:hover:bg-gray-100"
 				type="submit"
 				disabled={saving}
 			>
diff --git a/src/lib/components/admin/Settings/WebSearch.svelte b/src/lib/components/admin/Settings/WebSearch.svelte
index c92572c3a0..4f8e9444ea 100644
--- a/src/lib/components/admin/Settings/WebSearch.svelte
+++ b/src/lib/components/admin/Settings/WebSearch.svelte
@@ -154,12 +154,12 @@
 		{#if webConfig}
 			<div class="">
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('General')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('General')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Web Search')}
 						</div>
 						<div class="flex items-center relative">
@@ -168,7 +168,7 @@
 					</div>
 
 					<div class="mb-2.5 flex w-full justify-between">
-						<div class="self-center text-xs font-medium">
+						<div class="self-center text-xs font-normal">
 							{$i18n.t('Web Search Confirmation')}
 						</div>
 						<div class="flex items-center relative">
@@ -180,7 +180,7 @@
 
 					{#if webConfig.ENABLE_WEB_SEARCH_CONFIRMATION}
 						<div class="mb-2.5">
-							<div class="self-center text-xs font-medium mb-2">
+							<div class="self-center text-xs font-normal mb-2">
 								{$i18n.t('Web Search Confirmation Content')}
 							</div>
 							<Textarea
@@ -193,7 +193,7 @@
 					{/if}
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Web Search Engine')}
 						</div>
 						<div class="flex items-center relative">
@@ -221,7 +221,7 @@
 						{#if webConfig.WEB_SEARCH_ENGINE === 'ollama_cloud'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Ollama Cloud API Key')}
 									</div>
 
@@ -238,7 +238,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'perplexity_search'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Perplexity Search API URL')}
 									</div>
 
@@ -258,7 +258,7 @@
 
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Perplexity API Key')}
 									</div>
 
@@ -275,7 +275,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'searxng'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-left text-xs font-medium mb-1">
+									<div class=" self-left text-xs font-normal mb-1">
 										{$i18n.t('Searxng Query URL')}
 									</div>
 
@@ -293,7 +293,7 @@
 									</div>
 								</div>
 								<div class="mb-2.5 flex w-full flex-col">
-									<div class=" self-left text-xs font-medium mb-1">
+									<div class=" self-left text-xs font-normal mb-1">
 										{$i18n.t('Searxng search language (all, en, es, de, fr, etc.)')}
 									</div>
 
@@ -314,7 +314,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'yacy'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Yacy Instance URL')}
 									</div>
 
@@ -334,7 +334,7 @@
 							<div class="mb-2.5 flex w-full flex-col">
 								<div class="flex gap-2">
 									<div class="w-full">
-										<div class=" self-center text-xs font-medium mb-1">
+										<div class=" self-center text-xs font-normal mb-1">
 											{$i18n.t('Yacy Username')}
 										</div>
 
@@ -347,7 +347,7 @@
 									</div>
 
 									<div class="w-full">
-										<div class=" self-center text-xs font-medium mb-1">
+										<div class=" self-center text-xs font-normal mb-1">
 											{$i18n.t('Yacy Password')}
 										</div>
 
@@ -361,7 +361,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'google_pse'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Google PSE API Key')}
 									</div>
 
@@ -371,7 +371,7 @@
 									/>
 								</div>
 								<div class="mt-1.5">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Google PSE Engine Id')}
 									</div>
 
@@ -391,7 +391,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'brave'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Brave Search API Key')}
 									</div>
 
@@ -404,7 +404,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'brave_llm_context'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Brave Search API Key')}
 									</div>
 
@@ -414,7 +414,7 @@
 									/>
 								</div>
 								<div class="mt-1.5">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Context Tokens')}
 									</div>
 
@@ -437,7 +437,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'kagi'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Kagi Search API Key')}
 									</div>
 
@@ -450,7 +450,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'mojeek'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Mojeek Search API Key')}
 									</div>
 
@@ -463,7 +463,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'bocha'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Bocha Search API Key')}
 									</div>
 
@@ -476,7 +476,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'serpstack'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Serpstack API Key')}
 									</div>
 
@@ -489,7 +489,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'serper'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Serper API Key')}
 									</div>
 
@@ -502,7 +502,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'serphouse'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('SERPHouse API Key')}
 									</div>
 
@@ -512,7 +512,7 @@
 									/>
 								</div>
 								<div class="mt-1.5">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('SERPHouse Domain')}
 									</div>
 
@@ -532,7 +532,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'serply'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Serply API Key')}
 									</div>
 
@@ -545,7 +545,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'tavily'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Tavily API Key')}
 									</div>
 
@@ -558,7 +558,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'searchapi'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('SearchApi API Key')}
 									</div>
 
@@ -568,7 +568,7 @@
 									/>
 								</div>
 								<div class="mt-1.5">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('SearchApi Engine')}
 									</div>
 
@@ -588,7 +588,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'serpapi'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('SerpApi API Key')}
 									</div>
 
@@ -598,7 +598,7 @@
 									/>
 								</div>
 								<div class="mt-1.5">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('SerpApi Engine')}
 									</div>
 
@@ -618,7 +618,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'jina'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Jina API Base URL')}
 									</div>
 
@@ -636,7 +636,7 @@
 								</div>
 
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Jina API Key')}
 									</div>
 
@@ -649,7 +649,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'bing'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Bing Search V7 Endpoint')}
 									</div>
 
@@ -667,7 +667,7 @@
 								</div>
 
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Bing Search V7 Subscription Key')}
 									</div>
 
@@ -680,7 +680,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'exa'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Exa API Key')}
 									</div>
 
@@ -693,7 +693,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'perplexity'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Perplexity API Key')}
 									</div>
 
@@ -706,7 +706,7 @@
 
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class="self-center text-xs font-medium mb-1">
+									<div class="self-center text-xs font-normal mb-1">
 										{$i18n.t('Perplexity Model')}
 									</div>
 									<input
@@ -727,7 +727,7 @@
 
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Perplexity Search Context Usage')}
 									</div>
 									<select
@@ -743,7 +743,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'microsoft_web_iq'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Microsoft Web IQ API Base URL')}
 									</div>
 
@@ -761,7 +761,7 @@
 								</div>
 
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Microsoft Web IQ API Key')}
 									</div>
 
@@ -772,7 +772,7 @@
 								</div>
 
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Language')}
 									</div>
 
@@ -788,7 +788,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'sougou'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Sougou Search API sID')}
 									</div>
 
@@ -800,7 +800,7 @@
 							</div>
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Sougou Search API SK')}
 									</div>
 
@@ -813,7 +813,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'firecrawl'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Firecrawl API Base URL')}
 									</div>
 
@@ -831,7 +831,7 @@
 								</div>
 
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Firecrawl API Key')}
 									</div>
 
@@ -842,7 +842,7 @@
 								</div>
 
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Firecrawl Timeout (s)')}
 									</div>
 
@@ -862,7 +862,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'external'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('External Web Search URL')}
 									</div>
 
@@ -880,7 +880,7 @@
 								</div>
 
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('External Web Search API Key')}
 									</div>
 
@@ -893,7 +893,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'yandex'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Yandex Web Search URL')}
 									</div>
 
@@ -911,7 +911,7 @@
 								</div>
 
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Yandex Web Search API Key')}
 									</div>
 
@@ -922,7 +922,7 @@
 								</div>
 
 								<div class="mb-2.5">
-									<div class=" mb-1 text-xs font-medium">{$i18n.t('Yandex Web Search config')}</div>
+									<div class=" mb-1 text-xs font-normal">{$i18n.t('Yandex Web Search config')}</div>
 
 									<Tooltip
 										content={$i18n.t(
@@ -942,7 +942,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'youcom'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('You.com API Key')}
 									</div>
 
@@ -955,7 +955,7 @@
 						{:else if webConfig.WEB_SEARCH_ENGINE === 'linkup'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Linkup API Key')}
 									</div>
 
@@ -966,7 +966,7 @@
 								</div>
 
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Parameters')}
 									</div>
 
@@ -981,7 +981,7 @@
 						{#if webConfig.WEB_SEARCH_ENGINE === 'duckduckgo'}
 							<div class="mb-2.5 flex w-full flex-col">
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('DDGS Backend')}
 									</div>
 
@@ -1013,7 +1013,7 @@
 						<div class="mb-2.5 flex w-full flex-col">
 							<div class="flex gap-2">
 								<div class="w-full">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Search Result Count')}
 									</div>
 
@@ -1026,7 +1026,7 @@
 								</div>
 
 								<div class="w-full">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										<Tooltip
 											content={$i18n.t(
 												'Limit concurrent search queries. 0 = unlimited (default). Set to 1 for sequential execution (recommended for APIs with strict rate limits like Brave free tier).'
@@ -1049,7 +1049,7 @@
 						</div>
 
 						<div class="mb-2.5 w-full">
-							<div class=" self-center text-xs font-medium mb-1">
+							<div class=" self-center text-xs font-normal mb-1">
 								<Tooltip
 									content={$i18n.t(
 										'Maximum characters to return from fetched URLs. Leave empty for no limit.'
@@ -1070,7 +1070,7 @@
 						</div>
 
 						<div class="mb-2.5 flex w-full flex-col">
-							<div class="  text-xs font-medium mb-1">
+							<div class="  text-xs font-normal mb-1">
 								{$i18n.t('Domain Filter List')}
 							</div>
 
@@ -1085,7 +1085,7 @@
 					{/if}
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							<Tooltip content={$i18n.t('Full Context Mode')} placement="top-start">
 								{$i18n.t('Bypass Embedding and Retrieval')}
 							</Tooltip>
@@ -1106,7 +1106,7 @@
 					</div>
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							<Tooltip content={$i18n.t('Bypass Web Loader')} placement="top-start">
 								{$i18n.t('Bypass Web Loader')}
 							</Tooltip>
@@ -1119,7 +1119,7 @@
 					</div>
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Trust Proxy Environment')}
 						</div>
 						<div class="flex items-center relative">
@@ -1137,12 +1137,12 @@
 				</div>
 
 				<div class="mb-3">
-					<div class=" mt-0.5 mb-2.5 text-base font-medium">{$i18n.t('Loader')}</div>
+					<div class=" mt-0.5 mb-2.5 text-base font-normal">{$i18n.t('Loader')}</div>
 
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Web Loader Engine')}
 						</div>
 						<div class="flex items-center relative">
@@ -1161,7 +1161,7 @@
 
 					{#if webConfig.WEB_LOADER_ENGINE === '' || webConfig.WEB_LOADER_ENGINE === 'safe_web'}
 						<div class="  mb-2.5 flex w-full justify-between">
-							<div class=" self-center text-xs font-medium">
+							<div class=" self-center text-xs font-normal">
 								{$i18n.t('Timeout')}
 							</div>
 							<div class="flex items-center relative">
@@ -1174,7 +1174,7 @@
 						</div>
 
 						<div class="  mb-2.5 flex w-full justify-between">
-							<div class=" self-center text-xs font-medium">
+							<div class=" self-center text-xs font-normal">
 								{$i18n.t('Verify SSL Certificate')}
 							</div>
 							<div class="flex items-center relative">
@@ -1184,7 +1184,7 @@
 					{:else if webConfig.WEB_LOADER_ENGINE === 'playwright'}
 						<div class="mb-2.5 flex w-full flex-col">
 							<div>
-								<div class=" self-center text-xs font-medium mb-1">
+								<div class=" self-center text-xs font-normal mb-1">
 									{$i18n.t('Playwright WebSocket URL')}
 								</div>
 
@@ -1202,7 +1202,7 @@
 							</div>
 
 							<div class="mt-2">
-								<div class=" self-center text-xs font-medium mb-1">
+								<div class=" self-center text-xs font-normal mb-1">
 									{$i18n.t('Playwright Timeout (ms)')}
 								</div>
 
@@ -1221,7 +1221,7 @@
 					{:else if webConfig.WEB_LOADER_ENGINE === 'firecrawl' && webConfig.WEB_SEARCH_ENGINE !== 'firecrawl'}
 						<div class="mb-2.5 flex w-full flex-col">
 							<div>
-								<div class=" self-center text-xs font-medium mb-1">
+								<div class=" self-center text-xs font-normal mb-1">
 									{$i18n.t('Firecrawl API Base URL')}
 								</div>
 
@@ -1239,7 +1239,7 @@
 							</div>
 
 							<div class="mt-2">
-								<div class=" self-center text-xs font-medium mb-1">
+								<div class=" self-center text-xs font-normal mb-1">
 									{$i18n.t('Firecrawl API Key')}
 								</div>
 
@@ -1252,7 +1252,7 @@
 					{:else if webConfig.WEB_LOADER_ENGINE === 'tavily'}
 						<div class="mb-2.5 flex w-full flex-col">
 							<div>
-								<div class=" self-center text-xs font-medium mb-1">
+								<div class=" self-center text-xs font-normal mb-1">
 									{$i18n.t('Tavily Extract Depth')}
 								</div>
 
@@ -1271,7 +1271,7 @@
 
 							{#if webConfig.WEB_SEARCH_ENGINE !== 'tavily'}
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Tavily API Key')}
 									</div>
 
@@ -1286,7 +1286,7 @@
 						<div class="mb-2.5 flex w-full flex-col">
 							{#if webConfig.WEB_SEARCH_ENGINE !== 'microsoft_web_iq'}
 								<div>
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Microsoft Web IQ API Base URL')}
 									</div>
 
@@ -1304,7 +1304,7 @@
 								</div>
 
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Microsoft Web IQ API Key')}
 									</div>
 
@@ -1315,7 +1315,7 @@
 								</div>
 
 								<div class="mt-2">
-									<div class=" self-center text-xs font-medium mb-1">
+									<div class=" self-center text-xs font-normal mb-1">
 										{$i18n.t('Language')}
 									</div>
 
@@ -1332,7 +1332,7 @@
 					{:else if webConfig.WEB_LOADER_ENGINE === 'external'}
 						<div class="mb-2.5 flex w-full flex-col">
 							<div>
-								<div class=" self-center text-xs font-medium mb-1">
+								<div class=" self-center text-xs font-normal mb-1">
 									{$i18n.t('External Web Loader URL')}
 								</div>
 
@@ -1350,7 +1350,7 @@
 							</div>
 
 							<div class="mt-2">
-								<div class=" self-center text-xs font-medium mb-1">
+								<div class=" self-center text-xs font-normal mb-1">
 									{$i18n.t('External Web Loader API Key')}
 								</div>
 
@@ -1363,7 +1363,7 @@
 					{/if}
 
 					<div class="mb-2.5 w-full">
-						<div class=" self-center text-xs font-medium mb-1">
+						<div class=" self-center text-xs font-normal mb-1">
 							{$i18n.t('Concurrent Requests')}
 						</div>
 
@@ -1376,7 +1376,7 @@
 					</div>
 
 					<div class="  mb-2.5 flex w-full justify-between">
-						<div class=" self-center text-xs font-medium">
+						<div class=" self-center text-xs font-normal">
 							{$i18n.t('Youtube Language')}
 						</div>
 						<div class="flex items-center relative">
@@ -1391,7 +1391,7 @@
 					</div>
 
 					<div class="  mb-2.5 flex flex-col w-full justify-between">
-						<div class=" mb-1 text-xs font-medium">
+						<div class=" mb-1 text-xs font-normal">
 							{$i18n.t('Youtube Proxy URL')}
 						</div>
 						<div class="flex items-center relative">
@@ -1408,9 +1408,9 @@
 			</div>
 		{/if}
 	</div>
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/admin/UserPreviewModal.svelte b/src/lib/components/admin/UserPreviewModal.svelte
index d7791ebb10..b24b3bcf70 100644
--- a/src/lib/components/admin/UserPreviewModal.svelte
+++ b/src/lib/components/admin/UserPreviewModal.svelte
@@ -35,7 +35,7 @@
 <Modal size="md" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 mb-1.5">
-			<div class=" text-lg font-medium self-center font-primary min-w-0 truncate">
+			<div class=" text-lg font-normal self-center  min-w-0 truncate">
 				{$i18n.t('User Preview')}
 				{#if userName}
 					<span class="text-sm font-normal text-gray-500 ml-1">{userName}</span>
@@ -62,11 +62,11 @@
 				<div class="space-y-2">
 					{#if preview.groups.length > 0}
 						<div>
-							<div class=" mb-2 text-sm font-medium">{$i18n.t('Groups')}</div>
+							<div class=" mb-2 text-sm font-normal">{$i18n.t('Groups')}</div>
 							<div class="flex flex-col w-full">
 								{#each preview.groups as group}
 									<div class="flex w-full justify-between my-1">
-										<div class=" self-center text-xs font-medium">{group.name}</div>
+										<div class=" self-center text-xs font-normal">{group.name}</div>
 									</div>
 								{/each}
 							</div>
@@ -76,7 +76,7 @@
 					{/if}
 
 					<div>
-						<div class=" mb-2 text-sm font-medium">{$i18n.t('Models')}</div>
+						<div class=" mb-2 text-sm font-normal">{$i18n.t('Models')}</div>
 						<div class="flex flex-col w-full">
 							{#if preview.models.items.length === 0}
 								<div class="flex w-full justify-between my-1">
@@ -87,7 +87,7 @@
 							{:else}
 								{#each preview.models.items as model}
 									<div class="flex w-full justify-between my-1">
-										<div class=" self-center text-xs font-medium">{model.name}</div>
+										<div class=" self-center text-xs font-normal">{model.name}</div>
 									</div>
 								{/each}
 
@@ -108,7 +108,7 @@
 					<hr class="border-gray-50 dark:border-gray-850/30 my-1" />
 
 					<div>
-						<div class=" mb-2 text-sm font-medium">{$i18n.t('Knowledge')}</div>
+						<div class=" mb-2 text-sm font-normal">{$i18n.t('Knowledge')}</div>
 						<div class="flex flex-col w-full">
 							{#if preview.knowledge.items.length === 0}
 								<div class="flex w-full justify-between my-1">
@@ -119,7 +119,7 @@
 							{:else}
 								{#each preview.knowledge.items as kb}
 									<div class="flex w-full justify-between my-1">
-										<div class=" self-center text-xs font-medium">{kb.name}</div>
+										<div class=" self-center text-xs font-normal">{kb.name}</div>
 									</div>
 								{/each}
 
@@ -140,7 +140,7 @@
 					<hr class="border-gray-50 dark:border-gray-850/30 my-1" />
 
 					<div>
-						<div class=" mb-2 text-sm font-medium">{$i18n.t('Tools')}</div>
+						<div class=" mb-2 text-sm font-normal">{$i18n.t('Tools')}</div>
 						<div class="flex flex-col w-full">
 							{#if preview.tools.items.length === 0}
 								<div class="flex w-full justify-between my-1">
@@ -151,7 +151,7 @@
 							{:else}
 								{#each preview.tools.items as tool}
 									<div class="flex w-full justify-between my-1">
-										<div class=" self-center text-xs font-medium">{tool.name}</div>
+										<div class=" self-center text-xs font-normal">{tool.name}</div>
 									</div>
 								{/each}
 
diff --git a/src/lib/components/admin/Users.svelte b/src/lib/components/admin/Users.svelte
index f3a5f5e574..09ba6191ea 100644
--- a/src/lib/components/admin/Users.svelte
+++ b/src/lib/components/admin/Users.svelte
@@ -58,7 +58,7 @@
 <div class="flex flex-col lg:flex-row w-full h-full pb-2 lg:space-x-4">
 	<div
 		id="users-tabs-container"
-		class="mx-[16px] lg:mx-0 lg:px-[16px] flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-50 dark:text-gray-200 text-sm font-medium text-left scrollbar-none"
+		class="mx-[16px] lg:mx-0 lg:px-[16px] flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-50 dark:text-gray-200 text-sm font-normal text-left scrollbar-none"
 	>
 		<a
 			id="overview"
diff --git a/src/lib/components/admin/Users/Groups.svelte b/src/lib/components/admin/Users/Groups.svelte
index 3ea6eccc2a..27ec1d785c 100644
--- a/src/lib/components/admin/Users/Groups.svelte
+++ b/src/lib/components/admin/Users/Groups.svelte
@@ -121,19 +121,19 @@
 
 	<div class="flex flex-col gap-1 px-1 mt-1.5 mb-3">
 		<div class="flex justify-between items-center">
-			<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
+			<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
 				<div>
 					{$i18n.t('Groups')}
 				</div>
 
-				<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+				<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 					{filteredGroups.length}
 				</div>
 			</div>
 
 			<div class="flex w-full justify-end gap-1.5">
 				<button
-					class="px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
+					class="px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-normal text-sm flex items-center"
 					on:click={() => {
 						showAddGroupModal = !showAddGroupModal;
 					}}
@@ -212,7 +212,7 @@
 			<div class="w-full h-full flex flex-col justify-center items-center my-16 mb-24">
 				<div class="max-w-md text-center">
 					<div class="text-3xl mb-3">👥</div>
-					<div class="text-lg font-medium mb-1">{$i18n.t('No groups found')}</div>
+					<div class="text-lg font-normal mb-1">{$i18n.t('No groups found')}</div>
 					<div class="text-gray-500 text-center text-xs">
 						{$i18n.t('Use groups to organize your users and assign permissions.')}
 					</div>
@@ -244,7 +244,7 @@
 			</div>
 
 			<div class="text-left">
-				<div class=" text-sm font-medium">{$i18n.t('Default permissions')}</div>
+				<div class=" text-sm font-normal">{$i18n.t('Default permissions')}</div>
 
 				<div class="flex text-xs mt-0.5">
 					{$i18n.t('applies to all users with the "user" role')}
diff --git a/src/lib/components/admin/Users/Groups/EditGroupModal.svelte b/src/lib/components/admin/Users/Groups/EditGroupModal.svelte
index 622409a3da..995c892cee 100644
--- a/src/lib/components/admin/Users/Groups/EditGroupModal.svelte
+++ b/src/lib/components/admin/Users/Groups/EditGroupModal.svelte
@@ -134,7 +134,7 @@
 <Modal size="lg" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 mb-1.5">
-			<div class=" text-lg font-medium self-center font-primary">
+			<div class=" text-lg font-normal self-center ">
 				{#if custom}
 					{#if edit}
 						{$i18n.t('Edit User Group')}
@@ -167,7 +167,7 @@
 					<div class="flex flex-col lg:flex-row w-full h-full pb-2 lg:space-x-4">
 						<div
 							id="admin-settings-tabs-container"
-							class="tabs flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-40 dark:text-gray-200 text-sm font-medium text-left scrollbar-none"
+							class="tabs flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-40 dark:text-gray-200 text-sm font-normal text-left scrollbar-none"
 						>
 							{#if tabs.includes('general')}
 								<button
@@ -287,7 +287,7 @@
 							</div>
 
 							{#if ['general', 'permissions'].includes(selectedTab)}
-								<div class="flex justify-between items-center pt-3 text-sm font-medium gap-1.5">
+								<div class="flex justify-between items-center pt-3 text-sm font-normal gap-1.5">
 									<div>
 										{#if selectedTab === 'permissions'}
 											<Tooltip
@@ -311,7 +311,7 @@
 									</div>
 
 									<button
-										class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
+										class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
 											? ' cursor-not-allowed'
 											: ''}"
 										type="submit"
@@ -331,7 +331,7 @@
 					</div>
 
 					<!-- <div
-						class=" tabs flex flex-row overflow-x-auto gap-2.5 text-sm font-medium border-b border-b-gray-800 scrollbar-hidden"
+						class=" tabs flex flex-row overflow-x-auto gap-2.5 text-sm font-normal border-b border-b-gray-800 scrollbar-hidden"
 					>
 						{#if tabs.includes('display')}
 							<button
diff --git a/src/lib/components/admin/Users/Groups/GroupItem.svelte b/src/lib/components/admin/Users/Groups/GroupItem.svelte
index 8425321889..912f1b5499 100644
--- a/src/lib/components/admin/Users/Groups/GroupItem.svelte
+++ b/src/lib/components/admin/Users/Groups/GroupItem.svelte
@@ -72,7 +72,7 @@
 		<div class="flex items-center justify-between">
 			<div class="flex-1">
 				<div class="flex items-center gap-2">
-					<div class="text-sm font-medium line-clamp-1">{group.name}</div>
+					<div class="text-sm font-normal line-clamp-1">{group.name}</div>
 				</div>
 
 				<div class="flex items-center gap-2 mt-0.5 line-clamp-1">
diff --git a/src/lib/components/admin/Users/Groups/GroupPreviewPanel.svelte b/src/lib/components/admin/Users/Groups/GroupPreviewPanel.svelte
index 585d36b8b8..d3e116fc7b 100644
--- a/src/lib/components/admin/Users/Groups/GroupPreviewPanel.svelte
+++ b/src/lib/components/admin/Users/Groups/GroupPreviewPanel.svelte
@@ -37,7 +37,7 @@
 		<div class="text-red-500 text-xs text-center py-4">{error}</div>
 	{:else if preview}
 		<div>
-			<div class=" mb-2 text-sm font-medium">{$i18n.t('Models')}</div>
+			<div class=" mb-2 text-sm font-normal">{$i18n.t('Models')}</div>
 
 			<div class="flex flex-col w-full">
 				{#if preview.models.items.length === 0}
@@ -49,7 +49,7 @@
 				{:else}
 					{#each preview.models.items as model}
 						<div class="flex w-full justify-between my-1">
-							<div class=" self-center text-xs font-medium">{model.name}</div>
+							<div class=" self-center text-xs font-normal">{model.name}</div>
 						</div>
 					{/each}
 
@@ -70,7 +70,7 @@
 		<hr class="border-gray-50 dark:border-gray-850/30 my-1" />
 
 		<div>
-			<div class=" mb-2 text-sm font-medium">{$i18n.t('Knowledge')}</div>
+			<div class=" mb-2 text-sm font-normal">{$i18n.t('Knowledge')}</div>
 
 			<div class="flex flex-col w-full">
 				{#if preview.knowledge.items.length === 0}
@@ -82,7 +82,7 @@
 				{:else}
 					{#each preview.knowledge.items as kb}
 						<div class="flex w-full justify-between my-1">
-							<div class=" self-center text-xs font-medium">{kb.name}</div>
+							<div class=" self-center text-xs font-normal">{kb.name}</div>
 						</div>
 					{/each}
 
@@ -103,7 +103,7 @@
 		<hr class="border-gray-50 dark:border-gray-850/30 my-1" />
 
 		<div>
-			<div class=" mb-2 text-sm font-medium">{$i18n.t('Tools')}</div>
+			<div class=" mb-2 text-sm font-normal">{$i18n.t('Tools')}</div>
 
 			<div class="flex flex-col w-full">
 				{#if preview.tools.items.length === 0}
@@ -115,7 +115,7 @@
 				{:else}
 					{#each preview.tools.items as tool}
 						<div class="flex w-full justify-between my-1">
-							<div class=" self-center text-xs font-medium">{tool.name}</div>
+							<div class=" self-center text-xs font-normal">{tool.name}</div>
 						</div>
 					{/each}
 
diff --git a/src/lib/components/admin/Users/Groups/Permissions.svelte b/src/lib/components/admin/Users/Groups/Permissions.svelte
index 6b2c9e8b45..802f11662d 100644
--- a/src/lib/components/admin/Users/Groups/Permissions.svelte
+++ b/src/lib/components/admin/Users/Groups/Permissions.svelte
@@ -41,11 +41,11 @@
 	{$i18n.t('No model IDs')} -->
 
 	<div>
-		<div class=" mb-2 text-sm font-medium">{$i18n.t('Workspace Permissions')}</div>
+		<div class=" mb-2 text-sm font-normal">{$i18n.t('Workspace Permissions')}</div>
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Models Access')}
 				</div>
 				<Switch bind:state={permissions.workspace.models} />
@@ -77,7 +77,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Knowledge Access')}
 				</div>
 				<Switch bind:state={permissions.workspace.knowledge} />
@@ -93,7 +93,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Prompts Access')}
 				</div>
 				<Switch bind:state={permissions.workspace.prompts} />
@@ -132,7 +132,7 @@
 					)}
 					placement="top-start"
 				>
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Tools Access')}
 					</div>
 					<Switch bind:state={permissions.workspace.tools} />
@@ -171,7 +171,7 @@
 				)}
 				placement="top-start"
 			>
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Skills Access')}
 				</div>
 				<Switch bind:state={permissions.workspace.skills} />
@@ -205,11 +205,11 @@
 	<hr class=" border-gray-100/30 dark:border-gray-850/30" />
 
 	<div>
-		<div class=" mb-2 text-sm font-medium">{$i18n.t('Sharing Permissions')}</div>
+		<div class=" mb-2 text-sm font-normal">{$i18n.t('Sharing Permissions')}</div>
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Models Sharing')}
 				</div>
 				<Switch bind:state={permissions.sharing.models} />
@@ -226,7 +226,7 @@
 		{#if permissions.sharing.models}
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Models Public Sharing')}
 					</div>
 					<Switch bind:state={permissions.sharing.public_models} />
@@ -243,7 +243,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Knowledge Sharing')}
 				</div>
 				<Switch bind:state={permissions.sharing.knowledge} />
@@ -260,7 +260,7 @@
 		{#if permissions.sharing.knowledge}
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Knowledge Public Sharing')}
 					</div>
 					<Switch bind:state={permissions.sharing.public_knowledge} />
@@ -277,7 +277,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Prompts Sharing')}
 				</div>
 				<Switch bind:state={permissions.sharing.prompts} />
@@ -294,7 +294,7 @@
 		{#if permissions.sharing.prompts}
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Prompts Public Sharing')}
 					</div>
 					<Switch bind:state={permissions.sharing.public_prompts} />
@@ -311,7 +311,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Tools Sharing')}
 				</div>
 				<Switch bind:state={permissions.sharing.tools} />
@@ -328,7 +328,7 @@
 		{#if permissions.sharing.tools}
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Tools Public Sharing')}
 					</div>
 					<Switch bind:state={permissions.sharing.public_tools} />
@@ -345,7 +345,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Skills Sharing')}
 				</div>
 				<Switch bind:state={permissions.sharing.skills} />
@@ -362,7 +362,7 @@
 		{#if permissions.sharing.skills}
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Skills Public Sharing')}
 					</div>
 					<Switch bind:state={permissions.sharing.public_skills} />
@@ -379,7 +379,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Notes Sharing')}
 				</div>
 				<Switch bind:state={permissions.sharing.notes} />
@@ -396,7 +396,7 @@
 		{#if permissions.sharing.notes}
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Notes Public Sharing')}
 					</div>
 					<Switch bind:state={permissions.sharing.public_notes} />
@@ -413,7 +413,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Folders Sharing')}
 				</div>
 				<Switch bind:state={permissions.sharing.folders} />
@@ -430,7 +430,7 @@
 		{#if permissions.chat.share}
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Chats Public Sharing')}
 					</div>
 					<Switch bind:state={permissions.sharing.public_chats} />
@@ -448,7 +448,7 @@
 		{#if permissions.features.calendar}
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Calendars Public Sharing')}
 					</div>
 					<Switch bind:state={permissions.sharing.public_calendars} />
@@ -467,11 +467,11 @@
 	<hr class=" border-gray-100/30 dark:border-gray-850/30" />
 
 	<div>
-		<div class=" mb-2 text-sm font-medium">{$i18n.t('Access Grants')}</div>
+		<div class=" mb-2 text-sm font-normal">{$i18n.t('Access Grants')}</div>
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Sharing With Users')}
 				</div>
 				<Switch bind:state={permissions.access_grants.allow_users} />
@@ -487,7 +487,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Sharing With Groups')}
 				</div>
 				<Switch bind:state={permissions.access_grants.allow_groups} />
@@ -505,11 +505,11 @@
 	<hr class=" border-gray-100/30 dark:border-gray-850/30" />
 
 	<div>
-		<div class=" mb-2 text-sm font-medium">{$i18n.t('Chat Permissions')}</div>
+		<div class=" mb-2 text-sm font-normal">{$i18n.t('Chat Permissions')}</div>
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow File Upload')}
 				</div>
 				<Switch bind:state={permissions.chat.file_upload} />
@@ -525,7 +525,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Web Upload')}
 				</div>
 				<Switch bind:state={permissions.chat.web_upload} />
@@ -541,7 +541,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Chat Controls')}
 				</div>
 				<Switch bind:state={permissions.chat.controls} />
@@ -558,7 +558,7 @@
 		{#if permissions.chat.controls}
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Allow Chat Valves')}
 					</div>
 					<Switch bind:state={permissions.chat.valves} />
@@ -574,7 +574,7 @@
 
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Allow Chat System Prompt')}
 					</div>
 					<Switch bind:state={permissions.chat.system_prompt} />
@@ -590,7 +590,7 @@
 
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Allow Chat Params')}
 					</div>
 					<Switch bind:state={permissions.chat.params} />
@@ -607,7 +607,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Chat Edit')}
 				</div>
 				<Switch bind:state={permissions.chat.edit} />
@@ -623,7 +623,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Chat Delete')}
 				</div>
 				<Switch bind:state={permissions.chat.delete} />
@@ -639,7 +639,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Delete Messages')}
 				</div>
 				<Switch bind:state={permissions.chat.delete_message} />
@@ -655,7 +655,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Continue Response')}
 				</div>
 				<Switch bind:state={permissions.chat.continue_response} />
@@ -671,7 +671,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Regenerate Response')}
 				</div>
 				<Switch bind:state={permissions.chat.regenerate_response} />
@@ -687,7 +687,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Rate Response')}
 				</div>
 				<Switch bind:state={permissions.chat.rate_response} />
@@ -703,7 +703,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Chat Share')}
 				</div>
 				<Switch bind:state={permissions.chat.share} />
@@ -719,7 +719,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Chat Export')}
 				</div>
 				<Switch bind:state={permissions.chat.export} />
@@ -735,7 +735,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Chat Import')}
 				</div>
 				<Switch bind:state={permissions.chat['import']} />
@@ -751,7 +751,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Speech to Text')}
 				</div>
 				<Switch bind:state={permissions.chat.stt} />
@@ -767,7 +767,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Text to Speech')}
 				</div>
 				<Switch bind:state={permissions.chat.tts} />
@@ -783,7 +783,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Call')}
 				</div>
 				<Switch bind:state={permissions.chat.call} />
@@ -799,7 +799,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Multiple Models in Chat')}
 				</div>
 				<Switch bind:state={permissions.chat.multiple_models} />
@@ -815,7 +815,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Allow Temporary Chat')}
 				</div>
 				<Switch bind:state={permissions.chat.temporary} />
@@ -832,7 +832,7 @@
 		{#if permissions.chat.temporary}
 			<div class="flex flex-col w-full">
 				<div class="flex w-full justify-between my-1">
-					<div class=" self-center text-xs font-medium">
+					<div class=" self-center text-xs font-normal">
 						{$i18n.t('Enforce Temporary Chat')}
 					</div>
 					<Switch bind:state={permissions.chat.temporary_enforced} />
@@ -851,11 +851,11 @@
 	<hr class=" border-gray-100/30 dark:border-gray-850/30" />
 
 	<div>
-		<div class=" mb-2 text-sm font-medium">{$i18n.t('Features Permissions')}</div>
+		<div class=" mb-2 text-sm font-normal">{$i18n.t('Features Permissions')}</div>
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('API Keys')}
 				</div>
 				<Switch bind:state={permissions.features.api_keys} />
@@ -871,7 +871,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Notes')}
 				</div>
 				<Switch bind:state={permissions.features.notes} />
@@ -887,7 +887,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Channels')}
 				</div>
 				<Switch bind:state={permissions.features.channels} />
@@ -903,7 +903,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Folders')}
 				</div>
 				<Switch bind:state={permissions.features.folders} />
@@ -919,7 +919,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Direct Tool Servers')}
 				</div>
 				<Switch bind:state={permissions.features.direct_tool_servers} />
@@ -935,7 +935,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Web Search')}
 				</div>
 				<Switch bind:state={permissions.features.web_search} />
@@ -951,7 +951,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Image Generation')}
 				</div>
 				<Switch bind:state={permissions.features.image_generation} />
@@ -967,7 +967,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Code Interpreter')}
 				</div>
 				<Switch bind:state={permissions.features.code_interpreter} />
@@ -983,7 +983,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Memories')}
 				</div>
 				<Switch bind:state={permissions.features.memories} />
@@ -1005,7 +1005,7 @@
 				)}
 				placement="top-start"
 			>
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Automations')}
 				</div>
 				<Switch bind:state={permissions.features.automations} />
@@ -1021,7 +1021,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Calendar')}
 				</div>
 				<Switch bind:state={permissions.features.calendar} />
@@ -1037,7 +1037,7 @@
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('User Webhooks')}
 				</div>
 				<Switch bind:state={permissions.features.webhooks} />
@@ -1055,11 +1055,11 @@
 	<hr class=" border-gray-100/30 dark:border-gray-850/30" />
 
 	<div>
-		<div class=" mb-2 text-sm font-medium">{$i18n.t('Settings Permissions')}</div>
+		<div class=" mb-2 text-sm font-normal">{$i18n.t('Settings Permissions')}</div>
 
 		<div class="flex flex-col w-full">
 			<div class="flex w-full justify-between my-1">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Interface Settings Access')}
 				</div>
 				<Switch bind:state={permissions.settings.interface} />
diff --git a/src/lib/components/admin/Users/Groups/Users.svelte b/src/lib/components/admin/Users/Groups/Users.svelte
index b4e3c7d727..42cdc81787 100644
--- a/src/lib/components/admin/Users/Groups/Users.svelte
+++ b/src/lib/components/admin/Users/Groups/Users.svelte
@@ -248,7 +248,7 @@
 										/>
 									</div>
 								</td>
-								<td class="px-3 py-1 font-medium text-gray-900 dark:text-white max-w-48">
+								<td class="px-3 py-1 font-normal text-gray-900 dark:text-white max-w-48">
 									<Tooltip content={user.email} placement="top-start">
 										<div class="flex items-center">
 											<img
@@ -257,7 +257,7 @@
 												alt="user"
 											/>
 
-											<div class="font-medium truncate">{user.name}</div>
+											<div class="font-normal truncate">{user.name}</div>
 										</div>
 									</Tooltip>
 								</td>
diff --git a/src/lib/components/admin/Users/UserList.svelte b/src/lib/components/admin/Users/UserList.svelte
index 8c11156369..c4406eb210 100644
--- a/src/lib/components/admin/Users/UserList.svelte
+++ b/src/lib/components/admin/Users/UserList.svelte
@@ -169,7 +169,7 @@
 	<div
 		class="pt-0.5 pb-1 gap-1 flex flex-col md:flex-row justify-between sticky top-0 z-10 bg-white dark:bg-gray-900"
 	>
-		<div class="flex md:self-center text-lg font-medium px-0.5 gap-2">
+		<div class="flex md:self-center text-lg font-normal px-0.5 gap-2">
 			<div class="flex-shrink-0">
 				{$i18n.t('Users')}
 			</div>
@@ -177,18 +177,18 @@
 			<div>
 				{#if ($config?.license_metadata?.seats ?? null) !== null}
 					{#if total > $config?.license_metadata?.seats}
-						<span class="text-lg font-medium text-red-500"
+						<span class="text-lg font-normal text-red-500"
 							>{total} of {$config?.license_metadata?.seats}
 							<span class="text-sm font-normal">{$i18n.t('available users')}</span></span
 						>
 					{:else}
-						<span class="text-lg font-medium text-gray-500 dark:text-gray-300"
+						<span class="text-lg font-normal text-gray-500 dark:text-gray-300"
 							>{total} of {$config?.license_metadata?.seats}
 							<span class="text-sm font-normal">{$i18n.t('available users')}</span></span
 						>
 					{/if}
 				{:else}
-					<span class="text-lg font-medium text-gray-500 dark:text-gray-300">{total}</span>
+					<span class="text-lg font-normal text-gray-500 dark:text-gray-300">{total}</span>
 				{/if}
 			</div>
 		</div>
@@ -222,7 +222,7 @@
 				<div>
 					<Tooltip content={$i18n.t('Add User')}>
 						<button
-							class=" p-2 rounded-xl hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 transition font-medium text-sm flex items-center space-x-1"
+							class=" p-2 rounded-xl hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 transition font-normal text-sm flex items-center space-x-1"
 							on:click={() => {
 								showAddUserModal = !showAddUserModal;
 							}}
@@ -377,7 +377,7 @@
 								/>
 							</button>
 						</td>
-						<td class="px-3 py-1 font-medium text-gray-900 dark:text-white max-w-48">
+						<td class="px-3 py-1 font-normal text-gray-900 dark:text-white max-w-48">
 							<div class="flex items-center gap-2">
 								<ProfilePreview {user} side="right" align="center" sideOffset={6}>
 									<img
@@ -390,7 +390,7 @@
 									/>
 								</ProfilePreview>
 
-								<div class="font-medium truncate">{user.name}</div>
+								<div class="font-normal truncate">{user.name}</div>
 
 								{#if user?.last_active_at && Date.now() / 1000 - user.last_active_at < 180}
 									<div>
diff --git a/src/lib/components/admin/Users/UserList/AddUserModal.svelte b/src/lib/components/admin/Users/UserList/AddUserModal.svelte
index 19454e4607..d80210be77 100644
--- a/src/lib/components/admin/Users/UserList/AddUserModal.svelte
+++ b/src/lib/components/admin/Users/UserList/AddUserModal.svelte
@@ -144,7 +144,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
-			<div class=" text-lg font-medium self-center">{$i18n.t('Add User')}</div>
+			<div class=" text-lg font-normal self-center">{$i18n.t('Add User')}</div>
 			<button
 				class="self-center"
 				aria-label={$i18n.t('Close')}
@@ -165,7 +165,7 @@
 					}}
 				>
 					<div
-						class="flex -mt-2 mb-1.5 gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent dark:text-gray-200"
+						class="flex -mt-2 mb-1.5 gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-normal rounded-full bg-transparent dark:text-gray-200"
 					>
 						<button
 							class="min-w-fit p-1.5 {tab === ''
@@ -268,7 +268,7 @@
 									/>
 
 									<button
-										class="w-full text-sm font-medium py-3 bg-transparent hover:bg-gray-100 border border-dashed dark:border-gray-850 dark:hover:bg-gray-850 text-center rounded-xl"
+										class="w-full text-sm font-normal py-3 bg-transparent hover:bg-gray-100 border border-dashed dark:border-gray-850 dark:hover:bg-gray-850 text-center rounded-xl"
 										type="button"
 										on:click={() => {
 											document.getElementById('upload-user-csv-input')?.click();
@@ -297,9 +297,9 @@
 						{/if}
 					</div>
 
-					<div class="flex justify-end pt-3 text-sm font-medium">
+					<div class="flex justify-end pt-3 text-sm font-normal">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/admin/Users/UserList/EditUserModal.svelte b/src/lib/components/admin/Users/UserList/EditUserModal.svelte
index ba115ad921..37d9d411eb 100644
--- a/src/lib/components/admin/Users/UserList/EditUserModal.svelte
+++ b/src/lib/components/admin/Users/UserList/EditUserModal.svelte
@@ -69,7 +69,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
-			<div class=" text-lg font-medium self-center">{$i18n.t('Edit User')}</div>
+			<div class=" text-lg font-normal self-center">{$i18n.t('Edit User')}</div>
 			<button
 				class="self-center"
 				aria-label={$i18n.t('Close')}
@@ -101,7 +101,7 @@
 
 							<div class=" flex-1 min-w-0">
 								<div class="overflow-hidden w-ful mb-2">
-									<div class=" self-center capitalize font-medium truncate">
+									<div class=" self-center capitalize font-normal truncate">
 										{selectedUser.name}
 									</div>
 
@@ -218,9 +218,9 @@
 							</div>
 						</div>
 
-						<div class="flex justify-end pt-3 text-sm font-medium">
+						<div class="flex justify-end pt-3 text-sm font-normal">
 							<button
-								class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
+								class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
 								type="submit"
 							>
 								{$i18n.t('Save')}
diff --git a/src/lib/components/calendar/CalendarEventModal.svelte b/src/lib/components/calendar/CalendarEventModal.svelte
index 4e58567dd0..2f63d8b685 100644
--- a/src/lib/components/calendar/CalendarEventModal.svelte
+++ b/src/lib/components/calendar/CalendarEventModal.svelte
@@ -191,7 +191,7 @@
 		<!-- Header -->
 		<div class="flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
 			<input
-				class="w-full text-lg bg-transparent outline-hidden font-primary placeholder:text-gray-300 dark:placeholder:text-gray-700"
+				class="w-full text-lg bg-transparent outline-hidden  placeholder:text-gray-300 dark:placeholder:text-gray-700"
 				type="text"
 				bind:value={title}
 				placeholder={$i18n.t('Event title')}
diff --git a/src/lib/components/calendar/CalendarSidebar.svelte b/src/lib/components/calendar/CalendarSidebar.svelte
index 58f1ae764f..9c7a96c575 100644
--- a/src/lib/components/calendar/CalendarSidebar.svelte
+++ b/src/lib/components/calendar/CalendarSidebar.svelte
@@ -106,7 +106,7 @@
 	<!-- Mini Month Calendar -->
 	<div>
 		<div class="flex items-center justify-between px-1 mb-1.5 mt-1.5">
-			<div class="text-[11px] font-medium">{miniMonthNames[miniMonth]} {miniYear}</div>
+			<div class="text-[11px] font-normal">{miniMonthNames[miniMonth]} {miniYear}</div>
 			<div class="flex items-center gap-0.5">
 				<button
 					class="p-0.5 rounded hover:bg-gray-100 dark:hover:bg-gray-800 transition"
diff --git a/src/lib/components/calendar/CreateCalendarModal.svelte b/src/lib/components/calendar/CreateCalendarModal.svelte
index 5506f4bba0..f426839b5b 100644
--- a/src/lib/components/calendar/CreateCalendarModal.svelte
+++ b/src/lib/components/calendar/CreateCalendarModal.svelte
@@ -65,7 +65,7 @@
 	<div>
 		<!-- Header -->
 		<div class="flex justify-between items-center dark:text-gray-100 px-5 pt-4 pb-2">
-			<h3 class="text-base font-medium">{$i18n.t('New Calendar')}</h3>
+			<h3 class="text-base font-normal">{$i18n.t('New Calendar')}</h3>
 			<button
 				class="self-center shrink-0 ml-2"
 				aria-label={$i18n.t('Close')}
@@ -81,7 +81,7 @@
 			<div>
 				<div class="mb-1 text-xs text-gray-500">{$i18n.t('Name')}</div>
 				<input
-					class="w-full text-sm bg-transparent outline-hidden font-primary placeholder:text-gray-300 dark:placeholder:text-gray-700"
+					class="w-full text-sm bg-transparent outline-hidden  placeholder:text-gray-300 dark:placeholder:text-gray-700"
 					type="text"
 					bind:value={name}
 					placeholder={$i18n.t('Calendar name')}
diff --git a/src/lib/components/channel/ChannelInfoModal/AddMembersModal.svelte b/src/lib/components/channel/ChannelInfoModal/AddMembersModal.svelte
index 6b70ad820f..0206776c1d 100644
--- a/src/lib/components/channel/ChannelInfoModal/AddMembersModal.svelte
+++ b/src/lib/components/channel/ChannelInfoModal/AddMembersModal.svelte
@@ -81,9 +81,9 @@
 							<MemberSelector bind:userIds bind:groupIds includeGroups={true} />
 						</div>
 
-						<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
+						<div class="flex justify-end pt-3 text-sm font-normal gap-1.5">
 							<button
-								class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
+								class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
 									? ' cursor-not-allowed'
 									: ''}"
 								type="submit"
diff --git a/src/lib/components/channel/ChannelInfoModal/UserList.svelte b/src/lib/components/channel/ChannelInfoModal/UserList.svelte
index a72473ee82..28ea97e614 100644
--- a/src/lib/components/channel/ChannelInfoModal/UserList.svelte
+++ b/src/lib/components/channel/ChannelInfoModal/UserList.svelte
@@ -111,7 +111,7 @@
 				<div class="">
 					<button
 						type="button"
-						class=" px-3 py-1.5 gap-1 rounded-xl bg-gray-100/50 dark:text-white dark:bg-gray-850/50 text-black transition font-medium text-xs flex items-center justify-center"
+						class=" px-3 py-1.5 gap-1 rounded-xl bg-gray-100/50 dark:text-white dark:bg-gray-850/50 text-black transition font-normal text-xs flex items-center justify-center"
 						on:click={onAdd}
 					>
 						<Plus className="size-3.5 " />
@@ -212,7 +212,7 @@
 					<div class="w-full">
 						{#each users as user, userIdx (user.id)}
 							<div class=" dark:border-gray-850 text-xs flex items-center justify-between">
-								<div class="px-2 py-1.5 font-medium text-gray-900 dark:text-white flex-1">
+								<div class="px-2 py-1.5 font-normal text-gray-900 dark:text-white flex-1">
 									<div class="flex items-center gap-2">
 										<ProfilePreview {user} side="right" align="center" sideOffset={6}>
 											<img
@@ -222,7 +222,7 @@
 											/>
 										</ProfilePreview>
 										<Tooltip content={user.email} placement="top-start">
-											<div class="font-medium truncate">{user.name}</div>
+											<div class="font-normal truncate">{user.name}</div>
 										</Tooltip>
 
 										{#if user?.is_active}
diff --git a/src/lib/components/channel/Messages.svelte b/src/lib/components/channel/Messages.svelte
index 250a5c6b56..5eb13699b2 100644
--- a/src/lib/components/channel/Messages.svelte
+++ b/src/lib/components/channel/Messages.svelte
@@ -91,7 +91,7 @@
 							</div>
 						{/if}
 
-						<div class="text-2xl font-medium capitalize">
+						<div class="text-2xl font-normal capitalize">
 							{#if channel?.name}
 								{channel.name}
 							{:else}
diff --git a/src/lib/components/channel/Messages/Message.svelte b/src/lib/components/channel/Messages/Message.svelte
index 5bcbaece5a..4d9e401f8c 100644
--- a/src/lib/components/channel/Messages/Message.svelte
+++ b/src/lib/components/channel/Messages/Message.svelte
@@ -402,7 +402,7 @@
 
 						{#if message.created_at}
 							<div
-								class="mt-1.5 flex shrink-0 items-center text-xs self-center invisible group-hover:visible text-gray-500 font-medium first-letter:capitalize"
+								class="mt-1.5 flex shrink-0 items-center text-xs self-center invisible group-hover:visible text-gray-500 font-normal first-letter:capitalize"
 							>
 								<Tooltip content={dayjs(message.created_at / 1000000).format('LLLL')}>
 									{dayjs(message.created_at / 1000000).format('HH:mm')}
@@ -415,7 +415,7 @@
 				<div class="flex-auto w-0 pl-2">
 					{#if showUserProfile}
 						<Name>
-							<div class=" self-end text-base shrink-0 font-medium truncate">
+							<div class=" self-end text-base shrink-0 font-normal truncate">
 								{#if message?.meta?.model_id}
 									{message?.meta?.model_name ?? message?.meta?.model_id}
 								{:else}
@@ -425,7 +425,7 @@
 
 							{#if message.created_at}
 								<div
-									class=" self-center text-xs text-gray-400 font-medium first-letter:capitalize ml-0.5 translate-y-[1px]"
+									class=" self-center text-xs text-gray-400 font-normal first-letter:capitalize ml-0.5 translate-y-[1px]"
 								>
 									<Tooltip content={dayjs(message.created_at / 1000000).format('LLLL')}>
 										<span class="line-clamp-1">
@@ -497,7 +497,7 @@
 									}
 								}}
 							/>
-							<div class=" mt-2 mb-1 flex justify-end text-sm font-medium">
+							<div class=" mt-2 mb-1 flex justify-end text-sm font-normal">
 								<div class="flex space-x-1.5">
 									<button
 										id="close-edit-message-button"
@@ -593,7 +593,7 @@
 												<Emoji shortCode={reaction.name} />
 
 												{#if reaction.users.length > 0}
-													<div class="text-xs font-medium text-gray-500 dark:text-gray-400">
+													<div class="text-xs font-normal text-gray-500 dark:text-gray-400">
 														{reaction.users?.length}
 													</div>
 												{/if}
@@ -628,7 +628,7 @@
 										onThread(message.id);
 									}}
 								>
-									<span class="font-medium mr-1">
+									<span class="font-normal mr-1">
 										{$i18n.t('{{COUNT}} Replies', { COUNT: message.reply_count })}</span
 									><span>
 										{' - '}{$i18n.t('Last reply')}
diff --git a/src/lib/components/channel/Messages/Message/UserStatus.svelte b/src/lib/components/channel/Messages/Message/UserStatus.svelte
index c4e6cce75e..3fd8249743 100644
--- a/src/lib/components/channel/Messages/Message/UserStatus.svelte
+++ b/src/lib/components/channel/Messages/Message/UserStatus.svelte
@@ -44,7 +44,7 @@
 			</div>
 
 			<div class=" flex flex-col w-full flex-1">
-				<div class="mb-0.5 font-medium line-clamp-1 pr-2">
+				<div class="mb-0.5 font-normal line-clamp-1 pr-2">
 					{user.name}
 				</div>
 
@@ -129,7 +129,7 @@
 						<ChatBubbleOval className="size-4" />
 					</div>
 
-					<div class="font-medium">
+					<div class="font-normal">
 						{$i18n.t('Message')}
 					</div>
 				</button>
diff --git a/src/lib/components/channel/Thread.svelte b/src/lib/components/channel/Thread.svelte
index 5f6749db6c..2323a95992 100644
--- a/src/lib/components/channel/Thread.svelte
+++ b/src/lib/components/channel/Thread.svelte
@@ -174,7 +174,7 @@
 {#if channel}
 	<div class="flex flex-col w-full h-full bg-gray-50 dark:bg-gray-850">
 		<div class="sticky top-0 flex items-center justify-between px-3.5 py-3">
-			<div class=" font-medium text-lg">{$i18n.t('Thread')}</div>
+			<div class=" font-normal text-lg">{$i18n.t('Thread')}</div>
 
 			<div>
 				<button
diff --git a/src/lib/components/channel/WebhookItem.svelte b/src/lib/components/channel/WebhookItem.svelte
index 6ee031f22f..a73f9a1fab 100644
--- a/src/lib/components/channel/WebhookItem.svelte
+++ b/src/lib/components/channel/WebhookItem.svelte
@@ -95,7 +95,7 @@
 			alt=""
 		/>
 		<div class="flex-1 text-left min-w-0">
-			<div class="font-medium text-gray-900 dark:text-white truncate">
+			<div class="font-normal text-gray-900 dark:text-white truncate">
 				{name}
 			</div>
 			<div class="text-gray-500 text-xs">
diff --git a/src/lib/components/channel/WebhooksModal.svelte b/src/lib/components/channel/WebhooksModal.svelte
index 820a7f3cb5..299a9823d3 100644
--- a/src/lib/components/channel/WebhooksModal.svelte
+++ b/src/lib/components/channel/WebhooksModal.svelte
@@ -108,7 +108,7 @@
 
 					<button
 						type="button"
-						class="px-3 py-1.5 gap-1 rounded-xl bg-gray-100/50 dark:bg-gray-850/50 text-black dark:text-white transition font-medium text-xs flex items-center justify-center"
+						class="px-3 py-1.5 gap-1 rounded-xl bg-gray-100/50 dark:bg-gray-850/50 text-black dark:text-white transition font-normal text-xs flex items-center justify-center"
 						on:click={createHandler}
 						disabled={isSaving}
 					>
@@ -158,9 +158,9 @@
 						</div>
 					{/if}
 
-					<div class="flex justify-end text-sm font-medium gap-1.5">
+					<div class="flex justify-end text-sm font-normal gap-1.5">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {isSaving
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {isSaving
 								? 'cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/chat/Artifacts.svelte b/src/lib/components/chat/Artifacts.svelte
index f3ac74897d..8f03bae886 100644
--- a/src/lib/components/chat/Artifacts.svelte
+++ b/src/lib/components/chat/Artifacts.svelte
@@ -264,7 +264,7 @@
 						{/if}
 					</div>
 				{:else}
-					<div class="m-auto font-medium text-xs text-gray-900 dark:text-white">
+					<div class="m-auto font-normal text-xs text-gray-900 dark:text-white">
 						{$i18n.t('No HTML, CSS, or JavaScript content found.')}
 					</div>
 				{/if}
diff --git a/src/lib/components/chat/Chat.svelte b/src/lib/components/chat/Chat.svelte
index c272715f07..836f23762f 100644
--- a/src/lib/components/chat/Chat.svelte
+++ b/src/lib/components/chat/Chat.svelte
@@ -3108,7 +3108,7 @@
 	}}
 >
 	<div class=" text-sm text-gray-500 flex-1 line-clamp-3">
-		{$i18n.t('This will delete')} <span class="  font-semibold">{$chatTitle}</span>.
+		{$i18n.t('This will delete')} <span class="  font-normal">{$chatTitle}</span>.
 	</div>
 </DeleteConfirmDialog>
 
diff --git a/src/lib/components/chat/ChatControls.svelte b/src/lib/components/chat/ChatControls.svelte
index bac8f103b4..4956dd789d 100644
--- a/src/lib/components/chat/ChatControls.svelte
+++ b/src/lib/components/chat/ChatControls.svelte
@@ -309,7 +309,7 @@
 									<button
 										class="px-2.5 py-1 text-sm rounded-lg transition whitespace-nowrap {activeTab ===
 										'controls'
-											? 'bg-gray-100/40 dark:bg-gray-800/25 font-medium text-gray-700 dark:text-gray-200'
+											? 'bg-gray-100/40 dark:bg-gray-800/25 font-normal text-gray-700 dark:text-gray-200'
 											: 'text-gray-500 dark:text-gray-400 hover:bg-gray-100/30 dark:hover:bg-gray-800/20 hover:text-gray-600 dark:hover:text-gray-300'}"
 										on:click={() => (activeTab = 'controls')}
 									>
@@ -320,7 +320,7 @@
 									<button
 										class="px-2.5 py-1 text-sm rounded-lg transition whitespace-nowrap {activeTab ===
 										'files'
-											? 'bg-gray-100/40 dark:bg-gray-800/25 font-medium text-gray-700 dark:text-gray-200'
+											? 'bg-gray-100/40 dark:bg-gray-800/25 font-normal text-gray-700 dark:text-gray-200'
 											: 'text-gray-500 dark:text-gray-400 hover:bg-gray-100/30 dark:hover:bg-gray-800/20 hover:text-gray-600 dark:hover:text-gray-300'}"
 										on:click={() => (activeTab = 'files')}
 									>
@@ -331,7 +331,7 @@
 									<button
 										class="px-2.5 py-1 text-sm rounded-lg transition whitespace-nowrap {activeTab ===
 										'overview'
-											? 'bg-gray-100/40 dark:bg-gray-800/25 font-medium text-gray-700 dark:text-gray-200'
+											? 'bg-gray-100/40 dark:bg-gray-800/25 font-normal text-gray-700 dark:text-gray-200'
 											: 'text-gray-500 dark:text-gray-400 hover:bg-gray-100/30 dark:hover:bg-gray-800/20 hover:text-gray-600 dark:hover:text-gray-300'}"
 										on:click={() => (activeTab = 'overview')}
 									>
@@ -454,7 +454,7 @@
 										<button
 											class="px-2.5 py-1 text-sm rounded-lg transition whitespace-nowrap {activeTab ===
 											'controls'
-												? 'bg-gray-100/40 dark:bg-gray-800/25 font-medium text-gray-700 dark:text-gray-200'
+												? 'bg-gray-100/40 dark:bg-gray-800/25 font-normal text-gray-700 dark:text-gray-200'
 												: 'text-gray-500 dark:text-gray-400 hover:bg-gray-100/30 dark:hover:bg-gray-800/20 hover:text-gray-600 dark:hover:text-gray-300'}"
 											on:click={() => (activeTab = 'controls')}
 										>
@@ -465,7 +465,7 @@
 										<button
 											class="px-2.5 py-1 text-sm rounded-lg transition whitespace-nowrap {activeTab ===
 											'files'
-												? 'bg-gray-100/40 dark:bg-gray-800/25 font-medium text-gray-700 dark:text-gray-200'
+												? 'bg-gray-100/40 dark:bg-gray-800/25 font-normal text-gray-700 dark:text-gray-200'
 												: 'text-gray-500 dark:text-gray-400 hover:bg-gray-100/30 dark:hover:bg-gray-800/20 hover:text-gray-600 dark:hover:text-gray-300'}"
 											on:click={() => (activeTab = 'files')}
 										>
@@ -476,7 +476,7 @@
 										<button
 											class="px-2.5 py-1 text-sm rounded-lg transition whitespace-nowrap {activeTab ===
 											'overview'
-												? 'bg-gray-100/40 dark:bg-gray-800/25 font-medium text-gray-700 dark:text-gray-200'
+												? 'bg-gray-100/40 dark:bg-gray-800/25 font-normal text-gray-700 dark:text-gray-200'
 												: 'text-gray-500 dark:text-gray-400 hover:bg-gray-100/30 dark:hover:bg-gray-800/20 hover:text-gray-600 dark:hover:text-gray-300'}"
 											on:click={() => (activeTab = 'overview')}
 										>
diff --git a/src/lib/components/chat/ChatPlaceholder.svelte b/src/lib/components/chat/ChatPlaceholder.svelte
index d7d7ac34b7..f13770b316 100644
--- a/src/lib/components/chat/ChatPlaceholder.svelte
+++ b/src/lib/components/chat/ChatPlaceholder.svelte
@@ -83,7 +83,7 @@
 		{/if}
 
 		<div
-			class=" mt-2 mb-4 text-3xl text-gray-800 dark:text-gray-100 text-left flex items-center gap-4 font-primary"
+			class=" mt-2 mb-4 text-3xl text-gray-800 dark:text-gray-100 text-left flex items-center gap-4 "
 		>
 			<div>
 				<div class=" capitalize line-clamp-1" in:fade={{ duration: 200 }}>
@@ -132,7 +132,7 @@
 			</div>
 		</div>
 
-		<div class=" w-full font-primary" in:fade={{ duration: 200, delay: 300 }}>
+		<div class=" w-full " in:fade={{ duration: 200, delay: 300 }}>
 			<Suggestions
 				className="grid grid-cols-2"
 				suggestionPrompts={atSelectedModel?.info?.meta?.suggestion_prompts ??
diff --git a/src/lib/components/chat/Controls/Controls.svelte b/src/lib/components/chat/Controls/Controls.svelte
index aa7d355260..ab09b3ee93 100644
--- a/src/lib/components/chat/Controls/Controls.svelte
+++ b/src/lib/components/chat/Controls/Controls.svelte
@@ -30,13 +30,13 @@
 	let showAdvancedParams = getOpen('advancedParams');
 
 	const compactSectionButtonClass =
-		'w-full py-1 text-xs font-medium text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition cursor-pointer select-none';
+		'w-full py-1 text-xs font-normal text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition cursor-pointer select-none';
 </script>
 
 <div class=" dark:text-white">
 	{#if !embed}
 		<div class=" flex items-center justify-between dark:text-gray-100 mb-2">
-			<div class=" text-md self-center font-primary">{$i18n.t('Controls')}</div>
+			<div class=" text-md self-center ">{$i18n.t('Controls')}</div>
 			<button
 				class="self-center"
 				aria-label={$i18n.t('Close chat controls')}
diff --git a/src/lib/components/chat/FileNav.svelte b/src/lib/components/chat/FileNav.svelte
index 61a40318fa..b6f2102ace 100644
--- a/src/lib/components/chat/FileNav.svelte
+++ b/src/lib/components/chat/FileNav.svelte
@@ -1494,7 +1494,7 @@
 							clip-rule="evenodd"
 						/>
 					</svg>
-					<span class="font-medium">{$i18n.t('Terminal')}</span>
+					<span class="font-normal">{$i18n.t('Terminal')}</span>
 
 					{#if terminalExpanded}
 						<div
diff --git a/src/lib/components/chat/FileNav/BulkActionBar.svelte b/src/lib/components/chat/FileNav/BulkActionBar.svelte
index 9652f9ad49..ac4c8862d3 100644
--- a/src/lib/components/chat/FileNav/BulkActionBar.svelte
+++ b/src/lib/components/chat/FileNav/BulkActionBar.svelte
@@ -15,7 +15,7 @@
 </script>
 
 <div class="flex items-center gap-2 px-3 py-1.5 bg-gray-50 dark:bg-gray-800/50 shrink-0">
-	<span class="text-xs font-medium text-gray-600 dark:text-gray-400 flex-1 truncate">
+	<span class="text-xs font-normal text-gray-600 dark:text-gray-400 flex-1 truncate">
 		{$i18n.t('{{count}} selected', { count })}
 	</span>
 
diff --git a/src/lib/components/chat/FileNav/FilePreview.svelte b/src/lib/components/chat/FileNav/FilePreview.svelte
index a5d31f2c00..aa9253f1c0 100644
--- a/src/lib/components/chat/FileNav/FilePreview.svelte
+++ b/src/lib/components/chat/FileNav/FilePreview.svelte
@@ -319,7 +319,7 @@
 						<button
 							class="shrink-0 px-3 py-1 text-xs rounded-md transition-colors
 								{selectedExcelSheet === sheet
-								? 'bg-gray-200 dark:bg-gray-700 text-gray-800 dark:text-gray-200 font-medium'
+								? 'bg-gray-200 dark:bg-gray-700 text-gray-800 dark:text-gray-200 font-normal'
 								: 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800'}"
 							on:click={() => onSheetChange?.(sheet)}
 						>
diff --git a/src/lib/components/chat/FileNav/PortList.svelte b/src/lib/components/chat/FileNav/PortList.svelte
index 9e85951126..75a66c6cef 100644
--- a/src/lib/components/chat/FileNav/PortList.svelte
+++ b/src/lib/components/chat/FileNav/PortList.svelte
@@ -55,7 +55,7 @@
 
 <div class="px-2 py-1">
 	<button
-		class="flex items-center gap-1 w-full text-xs font-medium text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition"
+		class="flex items-center gap-1 w-full text-xs font-normal text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition"
 		on:click={() => (expanded = !expanded)}
 	>
 		<svg
diff --git a/src/lib/components/chat/FileNav/SqliteView.svelte b/src/lib/components/chat/FileNav/SqliteView.svelte
index 74072c5a3e..f6c75059f7 100644
--- a/src/lib/components/chat/FileNav/SqliteView.svelte
+++ b/src/lib/components/chat/FileNav/SqliteView.svelte
@@ -139,7 +139,7 @@
 				<button
 					class="shrink-0 px-2 py-1 text-xs rounded-lg transition
 						{table === selectedTable && !queryMode
-						? 'bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200 font-medium'
+						? 'bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200 font-normal'
 						: 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800'}"
 					on:click={() => selectTable(table)}
 				>
@@ -150,7 +150,7 @@
 			<button
 				class="shrink-0 px-2 py-1 text-xs rounded-lg transition font-mono
 					{queryMode
-					? 'bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200 font-medium'
+					? 'bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200 font-normal'
 					: 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800'}"
 				on:click={() => {
 					queryMode = !queryMode;
@@ -187,7 +187,7 @@
 						<span class="text-[0.6rem] text-gray-400 dark:text-gray-600 select-none">⌘+Enter</span>
 					{/if}
 					<button
-						class="shrink-0 px-2.5 py-0.5 text-[0.65rem] font-medium rounded hover:bg-gray-200 dark:hover:bg-gray-800 transition text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
+						class="shrink-0 px-2.5 py-0.5 text-[0.65rem] font-normal rounded hover:bg-gray-200 dark:hover:bg-gray-800 transition text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
 						on:click={runQuery}
 					>
 						{$i18n.t('Run')}
diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index 5e713c5ab9..bdcfdfd569 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -1233,7 +1233,7 @@
 />
 
 {#if loaded}
-	<div class="w-full font-primary">
+	<div class="w-full ">
 		<div class=" mx-auto inset-x-0 bg-transparent flex justify-center">
 			<div
 				class="flex flex-col px-3 {($settings?.widescreenMode ?? null)
diff --git a/src/lib/components/chat/MessageInput/AttachWebpageModal.svelte b/src/lib/components/chat/MessageInput/AttachWebpageModal.svelte
index d0cba1465d..fa1be05552 100644
--- a/src/lib/components/chat/MessageInput/AttachWebpageModal.svelte
+++ b/src/lib/components/chat/MessageInput/AttachWebpageModal.svelte
@@ -37,7 +37,7 @@
 <Modal bind:show size="sm">
 	<div class="flex flex-col h-full">
 		<div class="flex justify-between items-center dark:text-gray-100 px-5 pt-4 pb-1.5">
-			<h1 class="text-lg font-medium self-center font-primary">
+			<h1 class="text-lg font-normal self-center ">
 				{$i18n.t('Attach Webpage')}
 			</h1>
 			<button
@@ -79,7 +79,7 @@
 
 				<div class="flex justify-end gap-2 pt-3 bg-gray-50 dark:bg-gray-900/50">
 					<button
-						class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-800 text-white dark:bg-white dark:text-black dark:hover:bg-gray-200 transition rounded-full"
+						class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-800 text-white dark:bg-white dark:text-black dark:hover:bg-gray-200 transition rounded-full"
 						type="submit"
 					>
 						{$i18n.t('Add')}
diff --git a/src/lib/components/chat/MessageInput/CallOverlay.svelte b/src/lib/components/chat/MessageInput/CallOverlay.svelte
index 77b912de6c..03c7103cc9 100644
--- a/src/lib/components/chat/MessageInput/CallOverlay.svelte
+++ b/src/lib/components/chat/MessageInput/CallOverlay.svelte
@@ -959,7 +959,7 @@
 					}
 				}}
 			>
-				<div class="line-clamp-1 text-sm font-medium">
+				<div class="line-clamp-1 text-sm font-normal">
 					{#if loading}
 						{$i18n.t('Thinking...')}
 					{:else if muted}
diff --git a/src/lib/components/chat/MessageInput/Commands/Prompts.svelte b/src/lib/components/chat/MessageInput/Commands/Prompts.svelte
index 169ff13108..7b315e8a54 100644
--- a/src/lib/components/chat/MessageInput/Commands/Prompts.svelte
+++ b/src/lib/components/chat/MessageInput/Commands/Prompts.svelte
@@ -79,7 +79,7 @@
 					on:focus={() => {}}
 					data-selected={promptIdx === selectedPromptIdx}
 				>
-					<span class=" font-medium text-black dark:text-gray-100">
+					<span class=" font-normal text-black dark:text-gray-100">
 						{promptItem.command}
 					</span>
 
diff --git a/src/lib/components/chat/MessageInput/Commands/Skills.svelte b/src/lib/components/chat/MessageInput/Commands/Skills.svelte
index 193966c5b0..a69bdbf250 100644
--- a/src/lib/components/chat/MessageInput/Commands/Skills.svelte
+++ b/src/lib/components/chat/MessageInput/Commands/Skills.svelte
@@ -64,7 +64,7 @@
 		const description = escapeTooltipText(skill.description);
 
 		return `<div class="max-w-80 whitespace-normal text-left leading-snug">
-			<span class="break-words font-medium">${name}</span>${description ? `: <span class="break-words opacity-80">${description}</span>` : ''}
+			<span class="break-words font-normal">${name}</span>${description ? `: <span class="break-words opacity-80">${description}</span>` : ''}
 		</div>`;
 	};
 </script>
diff --git a/src/lib/components/chat/MessageInput/InputVariablesModal.svelte b/src/lib/components/chat/MessageInput/InputVariablesModal.svelte
index e812312336..854eabd796 100644
--- a/src/lib/components/chat/MessageInput/InputVariablesModal.svelte
+++ b/src/lib/components/chat/MessageInput/InputVariablesModal.svelte
@@ -67,7 +67,7 @@
 <Modal bind:show size="md">
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
-			<div class=" text-lg font-medium self-center">{$i18n.t('Input Variables')}</div>
+			<div class=" text-lg font-normal self-center">{$i18n.t('Input Variables')}</div>
 			<button
 				class="self-center"
 				on:click={() => {
@@ -94,7 +94,7 @@
 
 									<div class=" py-0.5 w-full justify-between">
 										<div class="flex w-full justify-between mb-1.5">
-											<div class=" self-center text-xs font-medium">
+											<div class=" self-center text-xs font-normal">
 												{variable}
 
 												{#if variables[variable]?.required ?? false}
@@ -350,9 +350,9 @@
 						{/if}
 					</div>
 
-					<div class="flex justify-end pt-3 text-sm font-medium">
+					<div class="flex justify-end pt-3 text-sm font-normal">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-white hover:bg-gray-100 text-black dark:bg-black dark:text-white dark:hover:bg-gray-900 transition rounded-full"
+							class="px-3.5 py-1.5 text-sm font-normal bg-white hover:bg-gray-100 text-black dark:bg-black dark:text-white dark:hover:bg-gray-900 transition rounded-full"
 							type="button"
 							on:click={() => {
 								show = false;
@@ -362,7 +362,7 @@
 						</button>
 
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 							type="submit"
 						>
 							{$i18n.t('Save')}
diff --git a/src/lib/components/chat/MessageInput/VoiceRecording.svelte b/src/lib/components/chat/MessageInput/VoiceRecording.svelte
index 3bd6652960..16368ee365 100644
--- a/src/lib/components/chat/MessageInput/VoiceRecording.svelte
+++ b/src/lib/components/chat/MessageInput/VoiceRecording.svelte
@@ -507,7 +507,7 @@
         
         
         {loading ? ' text-gray-500  dark:text-gray-400  ' : ' text-indigo-400 '} 
-       font-medium flex-1 mx-auto text-center"
+       font-normal flex-1 mx-auto text-center"
 			>
 				{formatSeconds(durationSeconds)}
 			</div>
diff --git a/src/lib/components/chat/Messages/Citations.svelte b/src/lib/components/chat/Messages/Citations.svelte
index c4a6e07234..f407c2a0a2 100644
--- a/src/lib/components/chat/Messages/Citations.svelte
+++ b/src/lib/components/chat/Messages/Citations.svelte
@@ -162,7 +162,7 @@
 	{@const urlCitations = citations.filter((c) => c?.source?.name?.startsWith('http'))}
 	<div class=" py-1 -mx-0.5 w-full flex gap-1 items-center flex-wrap">
 		<button
-			class="text-xs font-medium text-gray-600 dark:text-gray-300 px-3.5 h-8 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition flex items-center gap-1 border border-gray-50 dark:border-gray-850/30"
+			class="text-xs font-normal text-gray-600 dark:text-gray-300 px-3.5 h-8 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition flex items-center gap-1 border border-gray-50 dark:border-gray-850/30"
 			aria-label={citations.length === 1
 				? $i18n.t('Toggle 1 source')
 				: $i18n.t('Toggle {{COUNT}} sources', { COUNT: citations.length })}
@@ -185,7 +185,7 @@
 					{/each}
 					{#if citations.length > 3}
 						<div
-							class="size-4 rounded-full shrink-0 border border-white dark:border-gray-850 bg-gray-100 dark:bg-gray-800 flex items-center justify-center text-[8px] font-semibold text-gray-500 dark:text-gray-400 whitespace-nowrap tracking-tighter"
+							class="size-4 rounded-full shrink-0 border border-white dark:border-gray-850 bg-gray-100 dark:bg-gray-800 flex items-center justify-center text-[8px] font-normal text-gray-500 dark:text-gray-400 whitespace-nowrap tracking-tighter"
 							aria-hidden="true"
 						>
 							+{citations.length - Math.min(urlCitations.length, 3)}
@@ -221,7 +221,7 @@
 						selectedCitation = citation;
 					}}
 				>
-					<div class=" font-medium bg-gray-50 dark:bg-gray-850 rounded-md px-1">
+					<div class=" font-normal bg-gray-50 dark:bg-gray-850 rounded-md px-1">
 						{idx + 1}
 					</div>
 					<div
diff --git a/src/lib/components/chat/Messages/Citations/CitationModal.svelte b/src/lib/components/chat/Messages/Citations/CitationModal.svelte
index 0c89dda156..1dae612f11 100644
--- a/src/lib/components/chat/Messages/Citations/CitationModal.svelte
+++ b/src/lib/components/chat/Messages/Citations/CitationModal.svelte
@@ -98,7 +98,7 @@
 <Modal size="lg" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-4.5 pt-3 pb-2">
-			<div class=" text-lg font-medium self-center flex items-center">
+			<div class=" text-lg font-normal self-center flex items-center">
 				{#if citation?.source?.name}
 					{@const document = mergedDocuments?.[0]}
 					{#if document?.metadata?.file_id || document.source?.url?.includes('http')}
@@ -148,7 +148,7 @@
 					<div class="flex flex-col w-full gap-2">
 						{#if document.metadata?.parameters}
 							<div>
-								<div class="text-sm font-medium dark:text-gray-300 mb-1">
+								<div class="text-sm font-normal dark:text-gray-300 mb-1">
 									{$i18n.t('Parameters')}
 								</div>
 
@@ -159,7 +159,7 @@
 
 						<div>
 							<div
-								class=" text-sm font-medium dark:text-gray-300 flex items-center gap-2 w-fit mb-1"
+								class=" text-sm font-normal dark:text-gray-300 flex items-center gap-2 w-fit mb-1"
 							>
 								{#if document.source?.url?.includes('http')}
 									{@const snippetUrl = getTextFragmentUrl(document)}
@@ -190,7 +190,7 @@
 
 												{#if typeof percentage === 'number'}
 													<span
-														class={`px-1 rounded-sm font-medium ${getRelevanceColor(percentage)}`}
+														class={`px-1 rounded-sm font-normal ${getRelevanceColor(percentage)}`}
 													>
 														{percentage.toFixed(2)}%
 													</span>
diff --git a/src/lib/components/chat/Messages/Citations/CitationsModal.svelte b/src/lib/components/chat/Messages/Citations/CitationsModal.svelte
index 435e2735cd..850ccad055 100644
--- a/src/lib/components/chat/Messages/Citations/CitationsModal.svelte
+++ b/src/lib/components/chat/Messages/Citations/CitationsModal.svelte
@@ -40,7 +40,7 @@
 <Modal size="lg" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
-			<div class=" text-lg font-medium self-center capitalize">
+			<div class=" text-lg font-normal self-center capitalize">
 				{$i18n.t('Citations')}
 			</div>
 			<button
@@ -66,7 +66,7 @@
 							selectedCitation = citation;
 						}}
 					>
-						<div class=" font-medium">
+						<div class=" font-normal">
 							{idx + 1}.
 						</div>
 						<div
diff --git a/src/lib/components/chat/Messages/CodeExecutionModal.svelte b/src/lib/components/chat/Messages/CodeExecutionModal.svelte
index 9284eb220c..79bc980c19 100644
--- a/src/lib/components/chat/Messages/CodeExecutionModal.svelte
+++ b/src/lib/components/chat/Messages/CodeExecutionModal.svelte
@@ -14,7 +14,7 @@
 <Modal size="lg" bind:show>
 	<div>
 		<div class="flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
-			<div class="text-lg font-medium self-center flex flex-col gap-0.5 capitalize">
+			<div class="text-lg font-normal self-center flex flex-col gap-0.5 capitalize">
 				{#if codeExecution?.result}
 					<div>
 						{#if codeExecution.result?.error}
@@ -91,7 +91,7 @@
 				{#if codeExecution?.result?.files && codeExecution?.result?.files.length > 0}
 					<div class="flex flex-col w-full">
 						<hr class="border-gray-100/30 dark:border-gray-850/30 my-2" />
-						<div class=" text-sm font-medium dark:text-gray-300">
+						<div class=" text-sm font-normal dark:text-gray-300">
 							{$i18n.t('Files')}
 						</div>
 						<ul class="mt-1 list-disc pl-4 text-xs">
diff --git a/src/lib/components/chat/Messages/CodeExecutions.svelte b/src/lib/components/chat/Messages/CodeExecutions.svelte
index 2c53eaeb38..22d1e4adc5 100644
--- a/src/lib/components/chat/Messages/CodeExecutions.svelte
+++ b/src/lib/components/chat/Messages/CodeExecutions.svelte
@@ -28,7 +28,7 @@
 {#if codeExecutions.length > 0}
 	<div class="mt-1 mb-2 w-full flex gap-1 items-center flex-wrap">
 		{#each codeExecutions as execution (execution.id)}
-			<div class="flex gap-1 text-xs font-semibold">
+			<div class="flex gap-1 text-xs font-normal">
 				<button
 					class="flex dark:text-gray-300 py-1 px-1 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-xl max-w-96"
 					on:click={() => {
diff --git a/src/lib/components/chat/Messages/Markdown/AlertRenderer.svelte b/src/lib/components/chat/Messages/Markdown/AlertRenderer.svelte
index ae00acb60b..b0cc69fae6 100644
--- a/src/lib/components/chat/Messages/Markdown/AlertRenderer.svelte
+++ b/src/lib/components/chat/Messages/Markdown/AlertRenderer.svelte
@@ -102,7 +102,7 @@ Renders the following Markdown as alerts:
 <div class={`border-l-4 pl-2.5 ${alertStyles[alert.type].border} my-0.5`}>
 	<div class="{alertStyles[alert.type].text} items-center flex gap-1 py-1.5">
 		<svelte:component this={alertStyles[alert.type].icon} className="inline-block size-4" />
-		<span class=" font-medium">{alert.type}</span>
+		<span class=" font-normal">{alert.type}</span>
 	</div>
 	<div class="pb-2">
 		<MarkdownTokens id={`${id}-${tokenIdx}`} tokens={alert.tokens} {onTaskClick} {onSourceClick} />
diff --git a/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte b/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte
index 734f251b29..2206a8735d 100644
--- a/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte
+++ b/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte
@@ -36,7 +36,7 @@
 <div class="relative group my-2 rounded-2xl border border-gray-100 dark:border-gray-800 px-4 py-3">
 	<!-- Header row: type badge + copy button -->
 	<div class="flex items-center justify-between mb-2">
-		<span class="text-xs font-medium text-gray-500 dark:text-gray-400">
+		<span class="text-xs font-normal text-gray-500 dark:text-gray-400">
 			{label}
 		</span>
 
diff --git a/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/NoteLinkToken.svelte b/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/NoteLinkToken.svelte
index ec6e863d75..2791fa8e10 100644
--- a/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/NoteLinkToken.svelte
+++ b/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/NoteLinkToken.svelte
@@ -55,7 +55,7 @@
 >
 	<div class="flex flex-col justify-center w-full min-w-0">
 		<div class="dark:text-gray-100 text-sm flex justify-between items-center gap-2">
-			<div class="font-medium line-clamp-1 flex-1 min-w-0">
+			<div class="font-normal line-clamp-1 flex-1 min-w-0">
 				{#if loading}
 					<span class="text-gray-400">...</span>
 				{:else}
diff --git a/src/lib/components/chat/Messages/MultiResponseMessages.svelte b/src/lib/components/chat/Messages/MultiResponseMessages.svelte
index b6a0d516bc..d181985e38 100644
--- a/src/lib/components/chat/Messages/MultiResponseMessages.svelte
+++ b/src/lib/components/chat/Messages/MultiResponseMessages.svelte
@@ -251,7 +251,7 @@
 				<div class="w-full">
 					<div class=" flex w-full mb-4.5 border-b border-gray-200 dark:border-gray-850">
 						<div
-							class="flex gap-2 scrollbar-none overflow-x-auto w-fit text-center font-medium bg-transparent pt-1 text-sm"
+							class="flex gap-2 scrollbar-none overflow-x-auto w-fit text-center font-normal bg-transparent pt-1 text-sm"
 							on:wheel|preventDefault={(e) => {
 								e.currentTarget.scrollLeft += e.deltaY;
 							}}
diff --git a/src/lib/components/chat/Messages/Name.svelte b/src/lib/components/chat/Messages/Name.svelte
index 82f2c5b21b..95b2ef0bbf 100644
--- a/src/lib/components/chat/Messages/Name.svelte
+++ b/src/lib/components/chat/Messages/Name.svelte
@@ -1,3 +1,3 @@
-<div class=" self-center font-semibold line-clamp-1 flex gap-1 items-center">
+<div class=" self-center font-normal line-clamp-1 flex gap-1 items-center">
 	<slot />
 </div>
diff --git a/src/lib/components/chat/Messages/OutputEditView.svelte b/src/lib/components/chat/Messages/OutputEditView.svelte
index 8a58feb220..5ee344bba9 100644
--- a/src/lib/components/chat/Messages/OutputEditView.svelte
+++ b/src/lib/components/chat/Messages/OutputEditView.svelte
@@ -259,7 +259,7 @@
 					<!-- Role label -->
 					<div class="flex items-start pt-1.5">
 						<div
-							class="text-[11px] font-semibold uppercase tracking-wide min-w-[4.5rem] text-gray-400 dark:text-gray-500"
+							class="text-[11px] font-normal uppercase tracking-wide min-w-[4.5rem] text-gray-400 dark:text-gray-500"
 						>
 							{getItemLabel(di)}
 						</div>
diff --git a/src/lib/components/chat/Messages/RateComment.svelte b/src/lib/components/chat/Messages/RateComment.svelte
index fad599f35f..9c56bc14c0 100644
--- a/src/lib/components/chat/Messages/RateComment.svelte
+++ b/src/lib/components/chat/Messages/RateComment.svelte
@@ -104,7 +104,7 @@
 </script>
 
 {#if message?.arena}
-	<div class="text-xs font-medium pt-1.5 -mb-0.5">
+	<div class="text-xs font-normal pt-1.5 -mb-0.5">
 		{$i18n.t('This response was generated by "{{model}}"', {
 			model: selectedModel ? (selectedModel?.name ?? selectedModel.id) : message.selectedModelId
 		})}
@@ -116,7 +116,7 @@
 	id="message-feedback-{message.id}"
 >
 	<div class="flex justify-between items-center">
-		<div class="text-sm font-medium">{$i18n.t('How would you rate this response?')}</div>
+		<div class="text-sm font-normal">{$i18n.t('How would you rate this response?')}</div>
 
 		<!-- <div class=" text-sm">{$i18n.t('Tell us more:')}</div> -->
 
@@ -165,7 +165,7 @@
 
 	<div>
 		{#if reasons.length > 0}
-			<div class="text-sm mt-1.5 font-medium">{$i18n.t('Why?')}</div>
+			<div class="text-sm mt-1.5 font-normal">{$i18n.t('Why?')}</div>
 
 			<div class="flex flex-wrap gap-1.5 text-sm mt-1.5">
 				{#each reasons as reason}
@@ -244,7 +244,7 @@
 		</div>
 
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			on:click={() => {
 				saveHandler();
 			}}
@@ -261,7 +261,7 @@
 				class="flex cursor-pointer items-center justify-between hover:bg-gray-50 dark:hover:bg-gray-850 w-full px-3 py-2 rounded-xl transition"
 			>
 				<div class="self-center">
-					<div class="text-sm font-medium">
+					<div class="text-sm font-normal">
 						{$i18n.t('Leave a public review for {{modelName}}', { modelName: message.model })}
 					</div>
 					<div class="text-xs text-gray-500">
diff --git a/src/lib/components/chat/Messages/ResponseMessage.svelte b/src/lib/components/chat/Messages/ResponseMessage.svelte
index 19acd090ed..5512a6aacf 100644
--- a/src/lib/components/chat/Messages/ResponseMessage.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage.svelte
@@ -761,7 +761,7 @@
 									/>
 								{/if}
 
-								<div class=" mt-2 mb-1 flex justify-between text-sm font-medium">
+								<div class=" mt-2 mb-1 flex justify-between text-sm font-normal">
 									<div>
 										<button
 											id="save-new-message-button"
@@ -921,7 +921,7 @@
 
 									{#if messageIndexEdit}
 										<div
-											class="text-sm flex justify-center font-semibold self-center dark:text-gray-100 min-w-fit"
+											class="text-sm flex justify-center font-normal self-center dark:text-gray-100 min-w-fit"
 										>
 											<input
 												id="message-index-input-{message.id}"
@@ -942,13 +942,13 @@
 														messageIndexEdit = false;
 													}
 												}}
-												class="bg-transparent font-semibold self-center dark:text-gray-100 min-w-fit outline-hidden"
+												class="bg-transparent font-normal self-center dark:text-gray-100 min-w-fit outline-hidden"
 											/>/{siblings.length}
 										</div>
 									{:else}
 										<!-- svelte-ignore a11y-no-static-element-interactions -->
 										<div
-											class="text-sm tracking-widest font-semibold self-center dark:text-gray-100 min-w-fit"
+											class="text-sm tracking-widest font-normal self-center dark:text-gray-100 min-w-fit"
 											on:dblclick={async () => {
 												messageIndexEdit = true;
 
diff --git a/src/lib/components/chat/Messages/ResponseMessage/FollowUps.svelte b/src/lib/components/chat/Messages/ResponseMessage/FollowUps.svelte
index dd9b9cfe68..6449d8c2f2 100644
--- a/src/lib/components/chat/Messages/ResponseMessage/FollowUps.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage/FollowUps.svelte
@@ -9,7 +9,7 @@
 </script>
 
 <div class="mt-4">
-	<div class="text-sm font-medium">
+	<div class="text-sm font-normal">
 		{$i18n.t('Follow up')}
 	</div>
 
diff --git a/src/lib/components/chat/Messages/SubagentResultRow.svelte b/src/lib/components/chat/Messages/SubagentResultRow.svelte
index 83b95c3662..0259197cf8 100644
--- a/src/lib/components/chat/Messages/SubagentResultRow.svelte
+++ b/src/lib/components/chat/Messages/SubagentResultRow.svelte
@@ -38,7 +38,7 @@
 		on:click={() => (expanded = !expanded)}
 	>
 		<span class="w-1.5 h-1.5 rounded-full bg-gray-300 dark:bg-gray-600 shrink-0"></span>
-		<span class="text-[0.75rem] font-medium shrink-0">
+		<span class="text-[0.75rem] font-normal shrink-0">
 			{$i18n.t('Background sub-agent finished')}
 		</span>
 		{#if summary}
diff --git a/src/lib/components/chat/Messages/UserMessage.svelte b/src/lib/components/chat/Messages/UserMessage.svelte
index 381fbe8597..80b91988ba 100644
--- a/src/lib/components/chat/Messages/UserMessage.svelte
+++ b/src/lib/components/chat/Messages/UserMessage.svelte
@@ -159,7 +159,7 @@
 				<Name>
 					{#if message.user}
 						{$i18n.t('You')}
-						<span class=" text-gray-500 text-sm font-medium">{message?.user ?? ''}</span>
+						<span class=" text-gray-500 text-sm font-normal">{message?.user ?? ''}</span>
 					{:else if $settings.showUsername || $_user?.name !== user?.name}
 						{user?.name ?? $i18n.t('You')}
 					{:else}
@@ -299,7 +299,7 @@
 						/>
 					</div>
 
-					<div class=" mt-2 mb-1 flex justify-between text-sm font-medium">
+					<div class=" mt-2 mb-1 flex justify-between text-sm font-normal">
 						<div>
 							<button
 								id="save-edit-message-button"
@@ -414,7 +414,7 @@
 
 								{#if messageIndexEdit}
 									<div
-										class="text-sm flex justify-center font-semibold self-center dark:text-gray-100 min-w-fit"
+										class="text-sm flex justify-center font-normal self-center dark:text-gray-100 min-w-fit"
 									>
 										<input
 											id="message-index-input-{message.id}"
@@ -435,13 +435,13 @@
 													messageIndexEdit = false;
 												}
 											}}
-											class="bg-transparent font-semibold self-center dark:text-gray-100 min-w-fit outline-hidden"
+											class="bg-transparent font-normal self-center dark:text-gray-100 min-w-fit outline-hidden"
 										/>/{siblings.length}
 									</div>
 								{:else}
 									<!-- svelte-ignore a11y-no-static-element-interactions -->
 									<div
-										class="text-sm tracking-widest font-semibold self-center dark:text-gray-100 min-w-fit"
+										class="text-sm tracking-widest font-normal self-center dark:text-gray-100 min-w-fit"
 										on:dblclick={async () => {
 											messageIndexEdit = true;
 
@@ -598,7 +598,7 @@
 
 								{#if messageIndexEdit}
 									<div
-										class="text-sm flex justify-center font-semibold self-center dark:text-gray-100 min-w-fit"
+										class="text-sm flex justify-center font-normal self-center dark:text-gray-100 min-w-fit"
 									>
 										<input
 											id="message-index-input-{message.id}"
@@ -619,13 +619,13 @@
 													messageIndexEdit = false;
 												}
 											}}
-											class="bg-transparent font-semibold self-center dark:text-gray-100 min-w-fit outline-hidden"
+											class="bg-transparent font-normal self-center dark:text-gray-100 min-w-fit outline-hidden"
 										/>/{siblings.length}
 									</div>
 								{:else}
 									<!-- svelte-ignore a11y-no-static-element-interactions -->
 									<div
-										class="text-sm tracking-widest font-semibold self-center dark:text-gray-100 min-w-fit"
+										class="text-sm tracking-widest font-normal self-center dark:text-gray-100 min-w-fit"
 										on:dblclick={async () => {
 											messageIndexEdit = true;
 
diff --git a/src/lib/components/chat/ModelSelector/ModelItem.svelte b/src/lib/components/chat/ModelSelector/ModelItem.svelte
index ce0aadcac5..e19163df4c 100644
--- a/src/lib/components/chat/ModelSelector/ModelItem.svelte
+++ b/src/lib/components/chat/ModelSelector/ModelItem.svelte
@@ -70,7 +70,7 @@
 				{#each item.model?.tags.sort((a, b) => a.name.localeCompare(b.name)) as tag}
 					<Tooltip content={tag.name} className="flex-shrink-0">
 						<div
-							class=" text-xs font-semibold px-1 rounded-sm uppercase bg-gray-500/20 text-gray-700 dark:text-gray-200"
+							class=" text-xs font-normal px-1 rounded-sm uppercase bg-gray-500/20 text-gray-700 dark:text-gray-200"
 						>
 							{tag.name}
 						</div>
@@ -157,7 +157,7 @@
 							<div slot="tooltip" id="tags-{item.model.id}">
 								{#each item.model?.tags.sort((a, b) => a.name.localeCompare(b.name)) as tag}
 									<Tooltip content={tag.name} className="flex-shrink-0">
-										<div class=" text-xs font-medium rounded-sm uppercase text-white">
+										<div class=" text-xs font-normal rounded-sm uppercase text-white">
 											{tag.name}
 										</div>
 									</Tooltip>
diff --git a/src/lib/components/chat/ModelSelector/Selector.svelte b/src/lib/components/chat/ModelSelector/Selector.svelte
index 11a676b5a8..bcafbf67c9 100644
--- a/src/lib/components/chat/ModelSelector/Selector.svelte
+++ b/src/lib/components/chat/ModelSelector/Selector.svelte
@@ -732,7 +732,7 @@
 						{#if filteredItems.length === 0}
 							{#if items.length === 0 && $user?.role === 'admin'}
 								<div class="flex flex-col items-start justify-center py-6 px-4 text-start">
-									<div class="text-sm font-medium text-gray-900 dark:text-gray-100 mb-1">
+									<div class="text-sm font-normal text-gray-900 dark:text-gray-100 mb-1">
 										{$i18n.t('No models available')}
 									</div>
 									<div class="text-xs text-gray-500 dark:text-gray-400 mb-4">
@@ -740,7 +740,7 @@
 									</div>
 									<a
 										href="/admin/settings/connections"
-										class="px-4 py-1.5 rounded-xl text-xs font-medium bg-gray-900 dark:bg-white text-white dark:text-gray-900 hover:bg-gray-800 dark:hover:bg-gray-100 transition"
+										class="px-4 py-1.5 rounded-xl text-xs font-normal bg-gray-900 dark:bg-white text-white dark:text-gray-900 hover:bg-gray-800 dark:hover:bg-gray-100 transition"
 										on:click={() => {
 											show = false;
 										}}
diff --git a/src/lib/components/chat/Overview/Node.svelte b/src/lib/components/chat/Overview/Node.svelte
index 45d7a0e95d..b4376194cb 100644
--- a/src/lib/components/chat/Overview/Node.svelte
+++ b/src/lib/components/chat/Overview/Node.svelte
@@ -35,7 +35,7 @@
 				/>
 				<div class="ml-2">
 					<div class=" flex justify-between items-center">
-						<div class="text-xs text-black dark:text-white font-medium line-clamp-1">
+						<div class="text-xs text-black dark:text-white font-normal line-clamp-1">
 							{data?.user?.name ?? 'User'}
 						</div>
 					</div>
@@ -56,7 +56,7 @@
 
 				<div class="ml-2">
 					<div class=" flex justify-between items-center">
-						<div class="text-xs text-black dark:text-white font-medium line-clamp-1">
+						<div class="text-xs text-black dark:text-white font-normal line-clamp-1">
 							{data?.model?.name ?? data?.message?.model ?? 'Assistant'}
 						</div>
 
diff --git a/src/lib/components/chat/Placeholder.svelte b/src/lib/components/chat/Placeholder.svelte
index 2f708359ca..3896a7166b 100644
--- a/src/lib/components/chat/Placeholder.svelte
+++ b/src/lib/components/chat/Placeholder.svelte
@@ -94,7 +94,7 @@
 	{/if}
 
 	<div
-		class="w-full text-3xl text-gray-800 dark:text-gray-100 text-center flex items-center gap-4 font-primary"
+		class="w-full text-3xl text-gray-800 dark:text-gray-100 text-center flex items-center gap-4 "
 	>
 		<div class="w-full flex flex-col justify-center items-center">
 			{#if $selectedFolder}
@@ -250,13 +250,13 @@
 
 	{#if $selectedFolder}
 		<div
-			class="mx-auto px-4 md:max-w-3xl md:px-6 font-primary min-h-62"
+			class="mx-auto px-4 md:max-w-3xl md:px-6  min-h-62"
 			in:fade={{ duration: 200, delay: 200 }}
 		>
 			<FolderPlaceholder folder={$selectedFolder} />
 		</div>
 	{:else}
-		<div class="mx-auto max-w-2xl font-primary mt-2" in:fade={{ duration: 200, delay: 200 }}>
+		<div class="mx-auto max-w-2xl  mt-2" in:fade={{ duration: 200, delay: 200 }}>
 			<div class="mx-5">
 				<Suggestions
 					suggestionPrompts={atSelectedModel?.info?.meta?.suggestion_prompts ??
diff --git a/src/lib/components/chat/Placeholder/ChatList.svelte b/src/lib/components/chat/Placeholder/ChatList.svelte
index e243161d19..64a9ed215d 100644
--- a/src/lib/components/chat/Placeholder/ChatList.svelte
+++ b/src/lib/components/chat/Placeholder/ChatList.svelte
@@ -63,7 +63,7 @@
 
 {#if chatList}
 	{#if chatList.length > 0}
-		<div class="flex text-xs font-medium mb-1 items-center -mr-0.5">
+		<div class="flex text-xs font-normal mb-1 items-center -mr-0.5">
 			<button
 				class="px-1.5 py-1 cursor-pointer select-none basis-3/5"
 				on:click={() => setSortKey('title')}
@@ -123,7 +123,7 @@
 		{#each chatList as chat, idx (chat.id)}
 			{#if (idx === 0 || (idx > 0 && chat.time_range !== chatList[idx - 1].time_range)) && chat?.time_range}
 				<div
-					class="w-full text-xs text-gray-500 dark:text-gray-500 font-medium {idx === 0
+					class="w-full text-xs text-gray-500 dark:text-gray-500 font-normal {idx === 0
 						? ''
 						: 'pt-5'} pb-2 px-2"
 				>
diff --git a/src/lib/components/chat/Placeholder/FolderPlaceholder.svelte b/src/lib/components/chat/Placeholder/FolderPlaceholder.svelte
index f89c40dc2e..d7cbc6b400 100644
--- a/src/lib/components/chat/Placeholder/FolderPlaceholder.svelte
+++ b/src/lib/components/chat/Placeholder/FolderPlaceholder.svelte
@@ -71,7 +71,7 @@
 <div>
 	<!-- <div class="mb-1">
 		<div
-			class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent py-1 touch-auto pointer-events-auto"
+			class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-normal rounded-full bg-transparent py-1 touch-auto pointer-events-auto"
 		>
 			<button
 				class="min-w-fit p-1.5 {selectedTab === 'knowledge'
diff --git a/src/lib/components/chat/Settings/About.svelte b/src/lib/components/chat/Settings/About.svelte
index 3e8adc3e46..d2fcc66691 100644
--- a/src/lib/components/chat/Settings/About.svelte
+++ b/src/lib/components/chat/Settings/About.svelte
@@ -47,7 +47,7 @@
 <div id="tab-about" class="flex flex-col h-full justify-between space-y-3 text-sm">
 	<div class=" space-y-3 overflow-y-scroll max-h-[28rem] md:max-h-full">
 		<div>
-			<div class=" mb-2.5 text-sm font-medium flex space-x-2 items-center">
+			<div class=" mb-2.5 text-sm font-normal flex space-x-2 items-center">
 				<div>
 					{$WEBUI_NAME}
 					{$i18n.t('Version')}
@@ -86,7 +86,7 @@
 
 				{#if $config?.features?.enable_version_update_check}
 					<button
-						class=" text-xs px-3 py-1.5 bg-gray-100 hover:bg-gray-200 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-lg font-medium"
+						class=" text-xs px-3 py-1.5 bg-gray-100 hover:bg-gray-200 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-lg font-normal"
 						on:click={() => {
 							checkForVersionUpdates();
 						}}
@@ -101,7 +101,7 @@
 			<hr class=" border-gray-100/30 dark:border-gray-850/30" />
 
 			<div>
-				<div class=" mb-2.5 text-sm font-medium">{$i18n.t('Ollama Version')}</div>
+				<div class=" mb-2.5 text-sm font-normal">{$i18n.t('Ollama Version')}</div>
 				<div class="flex w-full">
 					<div class="flex-1 text-xs text-gray-700 dark:text-gray-200">
 						{ollamaVersion ?? 'N/A'}
@@ -115,7 +115,7 @@
 		{#if $config?.license_metadata}
 			<div class="mb-2 text-xs">
 				{#if !$WEBUI_NAME.includes('Open WebUI')}
-					<span class=" text-gray-500 dark:text-gray-300 font-medium">{$WEBUI_NAME}</span> -
+					<span class=" text-gray-500 dark:text-gray-300 font-normal">{$WEBUI_NAME}</span> -
 				{/if}
 
 				<span class=" capitalize">{$config?.license_metadata?.type}</span> license purchased by
@@ -167,7 +167,7 @@
 		<div class="mt-2 text-xs text-gray-400 dark:text-gray-500">
 			{$i18n.t('Created by')}
 			<a
-				class=" text-gray-500 dark:text-gray-300 font-medium"
+				class=" text-gray-500 dark:text-gray-300 font-normal"
 				href="https://github.com/tjbck"
 				target="_blank">Timothy J. Baek</a
 			>
diff --git a/src/lib/components/chat/Settings/Account.svelte b/src/lib/components/chat/Settings/Account.svelte
index c58124a36b..ffa3f34fea 100644
--- a/src/lib/components/chat/Settings/Account.svelte
+++ b/src/lib/components/chat/Settings/Account.svelte
@@ -128,14 +128,14 @@
 	<div class=" overflow-y-scroll max-h-[28rem] md:max-h-full">
 		<div class="space-y-1">
 			<div>
-				<div class="text-base font-medium">{$i18n.t('Your Account')}</div>
+				<div class="text-base font-normal">{$i18n.t('Your Account')}</div>
 
 				<div class="text-xs text-gray-500 mt-0.5">
 					{$i18n.t('Manage your account information.')}
 				</div>
 			</div>
 
-			<!-- <div class=" text-sm font-medium">{$i18n.t('Account')}</div> -->
+			<!-- <div class=" text-sm font-normal">{$i18n.t('Account')}</div> -->
 
 			<div class="flex space-x-5 my-4">
 				<UserProfileImage bind:profileImageUrl user={$user} />
@@ -143,7 +143,7 @@
 				<div class="flex flex-1 flex-col">
 					<div class=" flex-1">
 						<div class="flex flex-col w-full">
-							<div class=" mb-1 text-xs font-medium">{$i18n.t('Name')}</div>
+							<div class=" mb-1 text-xs font-normal">{$i18n.t('Name')}</div>
 
 							<div class="flex-1">
 								<input
@@ -158,7 +158,7 @@
 						</div>
 
 						<div class="flex flex-col w-full mt-2">
-							<div class=" mb-1 text-xs font-medium">{$i18n.t('Bio')}</div>
+							<div class=" mb-1 text-xs font-normal">{$i18n.t('Bio')}</div>
 
 							<div class="flex-1">
 								<Textarea
@@ -172,7 +172,7 @@
 						</div>
 
 						<div class="flex flex-col w-full mt-2">
-							<div class=" mb-1 text-xs font-medium">{$i18n.t('Gender')}</div>
+							<div class=" mb-1 text-xs font-normal">{$i18n.t('Gender')}</div>
 
 							<div class="flex-1">
 								<select
@@ -210,7 +210,7 @@
 						</div>
 
 						<div class="flex flex-col w-full mt-2">
-							<div class=" mb-1 text-xs font-medium">{$i18n.t('Birth Date')}</div>
+							<div class=" mb-1 text-xs font-normal">{$i18n.t('Birth Date')}</div>
 
 							<div class="flex-1">
 								<input
@@ -230,7 +230,7 @@
 		{#if $config?.features?.enable_user_webhooks && ($user?.role === 'admin' || ($user?.permissions?.features?.webhooks ?? false))}
 			<div class="mt-2">
 				<div class="flex flex-col w-full">
-					<div class=" mb-1 text-xs font-medium">{$i18n.t('Notification Webhook')}</div>
+					<div class=" mb-1 text-xs font-normal">{$i18n.t('Notification Webhook')}</div>
 
 					<div class="flex-1">
 						<input
@@ -256,9 +256,9 @@
 
 		{#if ($config?.features?.enable_api_keys ?? true) && ($user?.role === 'admin' || ($user?.permissions?.features?.api_keys ?? false))}
 			<div class="flex justify-between items-center text-sm mt-2">
-				<div class="  font-medium">{$i18n.t('API keys')}</div>
+				<div class="  font-normal">{$i18n.t('API keys')}</div>
 				<button
-					class=" text-xs font-medium text-gray-500"
+					class=" text-xs font-normal text-gray-500"
 					type="button"
 					on:click={() => {
 						showAPIKeys = !showAPIKeys;
@@ -271,7 +271,7 @@
 					{#if $user?.role === 'admin'}
 						<div class="justify-between w-full mt-2">
 							<div class="flex justify-between w-full">
-								<div class="self-center text-xs font-medium mb-1">{$i18n.t('JWT Token')}</div>
+								<div class="self-center text-xs font-normal mb-1">{$i18n.t('JWT Token')}</div>
 							</div>
 
 							<div class="flex">
@@ -329,7 +329,7 @@
 						<div class="justify-between w-full mt-2">
 							{#if $user?.role === 'admin'}
 								<div class="flex justify-between w-full">
-									<div class="self-center text-xs font-medium mb-1">{$i18n.t('API Key')}</div>
+									<div class="self-center text-xs font-normal mb-1">{$i18n.t('API Key')}</div>
 								</div>
 							{/if}
 							<div class="flex">
@@ -407,7 +407,7 @@
 									</Tooltip>
 								{:else}
 									<button
-										class="flex gap-1.5 items-center font-medium px-3.5 py-1.5 rounded-lg bg-gray-100/70 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-850 transition"
+										class="flex gap-1.5 items-center font-normal px-3.5 py-1.5 rounded-lg bg-gray-100/70 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-850 transition"
 										on:click={() => {
 											createAPIKeyHandler();
 										}}
@@ -425,9 +425,9 @@
 		{/if}
 	</div>
 
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			on:click={async () => {
 				const res = await submitHandler();
 
diff --git a/src/lib/components/chat/Settings/Account/UpdatePassword.svelte b/src/lib/components/chat/Settings/Account/UpdatePassword.svelte
index 334e144ce5..b2d427b8a0 100644
--- a/src/lib/components/chat/Settings/Account/UpdatePassword.svelte
+++ b/src/lib/components/chat/Settings/Account/UpdatePassword.svelte
@@ -44,9 +44,9 @@
 	}}
 >
 	<div class="flex justify-between items-center text-sm">
-		<div class="  font-medium">{$i18n.t('Change Password')}</div>
+		<div class="  font-normal">{$i18n.t('Change Password')}</div>
 		<button
-			class=" text-xs font-medium text-gray-500"
+			class=" text-xs font-normal text-gray-500"
 			type="button"
 			on:click={() => {
 				show = !show;
@@ -104,7 +104,7 @@
 
 		<div class="mt-3 flex justify-end">
 			<button
-				class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+				class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			>
 				{$i18n.t('Update password')}
 			</button>
diff --git a/src/lib/components/chat/Settings/Audio.svelte b/src/lib/components/chat/Settings/Audio.svelte
index 17e8e3c08c..0db5cfc5d2 100644
--- a/src/lib/components/chat/Settings/Audio.svelte
+++ b/src/lib/components/chat/Settings/Audio.svelte
@@ -177,11 +177,11 @@
 >
 	<div class=" space-y-3 overflow-y-scroll max-h-[28rem] md:max-h-full">
 		<div>
-			<div class=" mb-1 text-sm font-medium">{$i18n.t('STT Settings')}</div>
+			<div class=" mb-1 text-sm font-normal">{$i18n.t('STT Settings')}</div>
 
 			{#if $config.audio.stt.engine !== 'web'}
 				<div class=" py-0.5 flex w-full justify-between">
-					<div class=" self-center text-xs font-medium">{$i18n.t('Speech-to-Text Engine')}</div>
+					<div class=" self-center text-xs font-normal">{$i18n.t('Speech-to-Text Engine')}</div>
 					<div class="flex items-center relative">
 						<select
 							class="w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
@@ -196,7 +196,7 @@
 				</div>
 
 				<div class=" py-0.5 flex w-full justify-between">
-					<div class=" self-center text-xs font-medium">{$i18n.t('Language')}</div>
+					<div class=" self-center text-xs font-normal">{$i18n.t('Language')}</div>
 
 					<div class="flex items-center relative text-xs px-3">
 						<Tooltip
@@ -218,7 +218,7 @@
 			{/if}
 
 			<div class=" py-0.5 flex w-full justify-between">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{$i18n.t('Instant Auto-Send After Voice Transcription')}
 				</div>
 
@@ -241,10 +241,10 @@
 		</div>
 
 		<div>
-			<div class=" mb-1 text-sm font-medium">{$i18n.t('TTS Settings')}</div>
+			<div class=" mb-1 text-sm font-normal">{$i18n.t('TTS Settings')}</div>
 
 			<div class=" py-0.5 flex w-full justify-between">
-				<div class=" self-center text-xs font-medium">{$i18n.t('Text-to-Speech Engine')}</div>
+				<div class=" self-center text-xs font-normal">{$i18n.t('Text-to-Speech Engine')}</div>
 				<div class="flex items-center relative">
 					<select
 						class="w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
@@ -260,7 +260,7 @@
 
 			{#if TTSEngine === 'browser-kokoro'}
 				<div class=" py-0.5 flex w-full justify-between">
-					<div class=" self-center text-xs font-medium">{$i18n.t('Kokoro.js Dtype')}</div>
+					<div class=" self-center text-xs font-normal">{$i18n.t('Kokoro.js Dtype')}</div>
 					<div class="flex items-center relative">
 						<select
 							class="w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
@@ -279,7 +279,7 @@
 			{/if}
 
 			<div class=" py-0.5 flex w-full justify-between">
-				<div class=" self-center text-xs font-medium">{$i18n.t('Auto-Playback Response')}</div>
+				<div class=" self-center text-xs font-normal">{$i18n.t('Auto-Playback Response')}</div>
 
 				<button
 					class="p-1 px-3 text-xs flex rounded-sm transition"
@@ -299,7 +299,7 @@
 			</div>
 
 			<div class=" py-0.5 flex w-full justify-between">
-				<div class=" self-center text-xs font-medium">{$i18n.t('Speech Playback Speed')}</div>
+				<div class=" self-center text-xs font-normal">{$i18n.t('Speech Playback Speed')}</div>
 
 				<div class="flex items-center relative text-xs px-3">
 					<input
@@ -320,7 +320,7 @@
 		{#if TTSEngine === 'browser-kokoro'}
 			{#if TTSModel}
 				<div>
-					<div class=" mb-2.5 text-sm font-medium">{$i18n.t('Set Voice')}</div>
+					<div class=" mb-2.5 text-sm font-normal">{$i18n.t('Set Voice')}</div>
 					<div class="flex w-full">
 						<div class="flex-1">
 							<input
@@ -341,10 +341,10 @@
 				</div>
 			{:else}
 				<div>
-					<div class=" mb-2.5 text-sm font-medium flex gap-2 items-center">
+					<div class=" mb-2.5 text-sm font-normal flex gap-2 items-center">
 						<Spinner className="size-4" />
 
-						<div class=" text-sm font-medium shimmer">
+						<div class=" text-sm font-normal shimmer">
 							{$i18n.t('Loading Kokoro.js...')}
 							{TTSModelProgress && TTSModelProgress.status === 'progress'
 								? `(${Math.round(TTSModelProgress.progress * 10) / 10}%)`
@@ -359,7 +359,7 @@
 			{/if}
 		{:else if $config.audio.tts.engine === ''}
 			<div>
-				<div class=" mb-2.5 text-sm font-medium">{$i18n.t('Set Voice')}</div>
+				<div class=" mb-2.5 text-sm font-normal">{$i18n.t('Set Voice')}</div>
 				<div class="flex w-full">
 					<div class="flex-1">
 						<select
@@ -390,7 +390,7 @@
 			</div>
 		{:else if $config.audio.tts.engine !== ''}
 			<div>
-				<div class=" mb-2.5 text-sm font-medium">{$i18n.t('Set Voice')}</div>
+				<div class=" mb-2.5 text-sm font-normal">{$i18n.t('Set Voice')}</div>
 				<div class="flex w-full">
 					<div class="flex-1">
 						<input
@@ -412,9 +412,9 @@
 		{/if}
 	</div>
 
-	<div class="flex justify-end text-sm font-medium">
+	<div class="flex justify-end text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/chat/Settings/Connections.svelte b/src/lib/components/chat/Settings/Connections.svelte
index 5504ff70db..7944726c8b 100644
--- a/src/lib/components/chat/Settings/Connections.svelte
+++ b/src/lib/components/chat/Settings/Connections.svelte
@@ -82,7 +82,7 @@
 				<div class="pr-1.5">
 					<div class="">
 						<div class="flex justify-between items-center mb-0.5">
-							<div class="font-medium">{$i18n.t('Manage Direct Connections')}</div>
+							<div class="font-normal">{$i18n.t('Manage Direct Connections')}</div>
 
 							<Tooltip content={$i18n.t(`Add Connection`)}>
 								<button
@@ -151,9 +151,9 @@
 		{/if}
 	</div>
 
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/chat/Settings/DataControls.svelte b/src/lib/components/chat/Settings/DataControls.svelte
index 9320698800..e71796da24 100644
--- a/src/lib/components/chat/Settings/DataControls.svelte
+++ b/src/lib/components/chat/Settings/DataControls.svelte
@@ -169,7 +169,7 @@
 		/>
 
 		<div>
-			<div class="mb-1 text-sm font-medium">{$i18n.t('Chats')}</div>
+			<div class="mb-1 text-sm font-normal">{$i18n.t('Chats')}</div>
 
 			{#if $user?.role === 'admin' || ($user.permissions?.chat?.import ?? true)}
 				<div>
@@ -267,7 +267,7 @@
 		</div>
 
 		<div>
-			<div class="mb-1 text-sm font-medium">{$i18n.t('Files')}</div>
+			<div class="mb-1 text-sm font-normal">{$i18n.t('Files')}</div>
 
 			<div>
 				<div class="py-0.5 flex w-full justify-between">
diff --git a/src/lib/components/chat/Settings/General.svelte b/src/lib/components/chat/Settings/General.svelte
index 5dea17604e..6fbdbb642d 100644
--- a/src/lib/components/chat/Settings/General.svelte
+++ b/src/lib/components/chat/Settings/General.svelte
@@ -208,10 +208,10 @@
 <div class="flex flex-col h-full justify-between text-sm" id="tab-general">
 	<div class="  overflow-y-scroll max-h-[28rem] md:max-h-full">
 		<div class="">
-			<div class=" mb-1 text-sm font-medium">{$i18n.t('WebUI Settings')}</div>
+			<div class=" mb-1 text-sm font-normal">{$i18n.t('WebUI Settings')}</div>
 
 			<div class="flex w-full justify-between">
-				<div class=" self-center text-xs font-medium">{$i18n.t('Theme')}</div>
+				<div class=" self-center text-xs font-normal">{$i18n.t('Theme')}</div>
 				<div class="flex items-center relative">
 					<select
 						class="w-fit pr-8 rounded-sm py-2 px-2 text-xs bg-transparent text-right {$settings.highContrastMode
@@ -233,7 +233,7 @@
 			</div>
 
 			<div class=" flex w-full justify-between">
-				<div class=" self-center text-xs font-medium">{$i18n.t('Language')}</div>
+				<div class=" self-center text-xs font-normal">{$i18n.t('Language')}</div>
 				<div class="flex items-center relative">
 					<select
 						class="w-fit pr-8 rounded-sm py-2 px-2 text-xs bg-transparent text-right {$settings.highContrastMode
@@ -259,7 +259,7 @@
 				>
 					Couldn't find your language?
 					<a
-						class="font-medium underline {($settings?.highContrastMode ?? false)
+						class="font-normal underline {($settings?.highContrastMode ?? false)
 							? 'text-gray-700 dark:text-gray-200'
 							: 'text-gray-300'}"
 						href="https://github.com/open-webui/open-webui/blob/main/docs/CONTRIBUTING.md#-translations-and-internationalization"
@@ -272,7 +272,7 @@
 
 			<div>
 				<div class=" py-0.5 flex w-full justify-between">
-					<div class=" self-center text-xs font-medium">{$i18n.t('Notifications')}</div>
+					<div class=" self-center text-xs font-normal">{$i18n.t('Notifications')}</div>
 
 					<button
 						class="p-1 px-3 text-xs flex rounded-sm transition"
@@ -297,7 +297,7 @@
 			<hr class="border-gray-100/30 dark:border-gray-850/30 my-3" />
 
 			<div>
-				<div class=" my-2.5 text-sm font-medium">{$i18n.t('System Prompt')}</div>
+				<div class=" my-2.5 text-sm font-normal">{$i18n.t('System Prompt')}</div>
 				<Textarea
 					bind:value={system}
 					className={'w-full text-sm outline-hidden resize-vertical' +
@@ -313,9 +313,9 @@
 		{#if $user?.role === 'admin' || (($user?.permissions.chat?.controls ?? true) && ($user?.permissions.chat?.params ?? true))}
 			<div class="mt-2 space-y-3 pr-1.5">
 				<div class="flex justify-between items-center text-sm">
-					<div class="  font-medium">{$i18n.t('Advanced Parameters')}</div>
+					<div class="  font-normal">{$i18n.t('Advanced Parameters')}</div>
 					<button
-						class=" text-xs font-medium {($settings?.highContrastMode ?? false)
+						class=" text-xs font-normal {($settings?.highContrastMode ?? false)
 							? 'text-gray-800 dark:text-gray-100'
 							: 'text-gray-400 dark:text-gray-500'}"
 						type="button"
@@ -333,9 +333,9 @@
 		{/if}
 	</div>
 
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			on:click={() => {
 				saveHandler();
 			}}
diff --git a/src/lib/components/chat/Settings/Integrations.svelte b/src/lib/components/chat/Settings/Integrations.svelte
index 7d24e52d56..b6b1664cd6 100644
--- a/src/lib/components/chat/Settings/Integrations.svelte
+++ b/src/lib/components/chat/Settings/Integrations.svelte
@@ -86,7 +86,7 @@
 				<div class="pr-1.5">
 					<div class="">
 						<div class="flex justify-between items-center mb-0.5">
-							<div class="font-medium">{$i18n.t('Manage Tool Servers')}</div>
+							<div class="font-normal">{$i18n.t('Manage Tool Servers')}</div>
 
 							<Tooltip content={$i18n.t('Add Connection')}>
 								<button
@@ -169,9 +169,9 @@
 		{/if}
 	</div>
 
-	<div class="flex justify-end pt-3 text-sm font-medium">
+	<div class="flex justify-end pt-3 text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/chat/Settings/Integrations/Terminals.svelte b/src/lib/components/chat/Settings/Integrations/Terminals.svelte
index c6d07cd81f..6c9442812a 100644
--- a/src/lib/components/chat/Settings/Integrations/Terminals.svelte
+++ b/src/lib/components/chat/Settings/Integrations/Terminals.svelte
@@ -43,7 +43,7 @@
 <div>
 	<div class="flex justify-between items-center mb-1">
 		<div class="flex items-center gap-2">
-			<div class="font-medium">{$i18n.t('Open Terminal')}</div>
+			<div class="font-normal">{$i18n.t('Open Terminal')}</div>
 		</div>
 		<Tooltip content={$i18n.t('Add Connection')}>
 			<button
diff --git a/src/lib/components/chat/Settings/Interface.svelte b/src/lib/components/chat/Settings/Interface.svelte
index b77d216459..f2a75f3733 100644
--- a/src/lib/components/chat/Settings/Interface.svelte
+++ b/src/lib/components/chat/Settings/Interface.svelte
@@ -337,7 +337,7 @@
 
 	<div class=" space-y-3 overflow-y-scroll max-h-[28rem] md:max-h-full">
 		<div>
-			<h1 class=" mb-2 text-sm font-medium">{$i18n.t('UI')}</h1>
+			<h1 class=" mb-2 text-sm font-normal">{$i18n.t('UI')}</h1>
 
 			<div>
 				<div class="py-0.5 flex w-full justify-between">
@@ -592,7 +592,7 @@
 				</div>
 			{/if}
 
-			<div class=" my-2 text-sm font-medium">{$i18n.t('Chat')}</div>
+			<div class=" my-2 text-sm font-normal">{$i18n.t('Chat')}</div>
 
 			<div>
 				<div class=" py-0.5 flex w-full justify-between">
@@ -1158,7 +1158,7 @@
 				</div>
 			</div>
 
-			<div class=" my-2 text-sm font-medium">{$i18n.t('Input')}</div>
+			<div class=" my-2 text-sm font-normal">{$i18n.t('Input')}</div>
 
 			<div>
 				<div class=" py-0.5 flex w-full justify-between">
@@ -1282,7 +1282,7 @@
 				</div>
 			</div>
 
-			<div class=" my-2 text-sm font-medium">{$i18n.t('Artifacts')}</div>
+			<div class=" my-2 text-sm font-normal">{$i18n.t('Artifacts')}</div>
 
 			<div>
 				<div class=" py-0.5 flex w-full justify-between">
@@ -1341,7 +1341,7 @@
 				</div>
 			</div>
 
-			<div class=" my-2 text-sm font-medium">{$i18n.t('Voice')}</div>
+			<div class=" my-2 text-sm font-normal">{$i18n.t('Voice')}</div>
 
 			<div>
 				<div class=" py-0.5 flex w-full justify-between">
@@ -1381,7 +1381,7 @@
 				</div>
 			</div>
 
-			<div class=" my-2 text-sm font-medium">{$i18n.t('File')}</div>
+			<div class=" my-2 text-sm font-normal">{$i18n.t('File')}</div>
 
 			<div>
 				<div class=" py-0.5 flex w-full justify-between">
@@ -1438,9 +1438,9 @@
 		</div>
 	</div>
 
-	<div class="flex justify-end text-sm font-medium">
+	<div class="flex justify-end text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/chat/Settings/Interface/ManageFloatingActionButtonsModal.svelte b/src/lib/components/chat/Settings/Interface/ManageFloatingActionButtonsModal.svelte
index 571c1d2a80..504c7ebabd 100644
--- a/src/lib/components/chat/Settings/Interface/ManageFloatingActionButtonsModal.svelte
+++ b/src/lib/components/chat/Settings/Interface/ManageFloatingActionButtonsModal.svelte
@@ -30,7 +30,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 pb-1.5">
-			<h1 class="text-lg font-medium self-center font-primary">
+			<h1 class="text-lg font-normal self-center ">
 				{$i18n.t('Quick Actions')}
 			</h1>
 			<button
@@ -55,7 +55,7 @@
 				>
 					<div>
 						<div class="text-xs flex items-center justify-between mb-2">
-							<div class="font-medium">{$i18n.t('Actions')}</div>
+							<div class="font-normal">{$i18n.t('Actions')}</div>
 
 							<div class="flex items-center gap-2 text-gray-700 dark:text-gray-300">
 								<button
@@ -169,9 +169,9 @@
 						{/if}
 					</div>
 
-					<div class="flex justify-end text-sm font-medium">
+					<div class="flex justify-end text-sm font-normal">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 							type="submit"
 						>
 							{$i18n.t('Save')}
diff --git a/src/lib/components/chat/Settings/Interface/ManageImageCompressionModal.svelte b/src/lib/components/chat/Settings/Interface/ManageImageCompressionModal.svelte
index 5ea8427794..058bbc72a5 100644
--- a/src/lib/components/chat/Settings/Interface/ManageImageCompressionModal.svelte
+++ b/src/lib/components/chat/Settings/Interface/ManageImageCompressionModal.svelte
@@ -26,7 +26,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 pb-1.5">
-			<h1 class="text-lg font-medium self-center font-primary">
+			<h1 class="text-lg font-normal self-center ">
 				{$i18n.t('Manage')}
 			</h1>
 			<button
@@ -93,9 +93,9 @@
 						</div>
 					</div>
 
-					<div class="flex justify-end text-sm font-medium">
+					<div class="flex justify-end text-sm font-normal">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 							type="submit"
 						>
 							{$i18n.t('Save')}
diff --git a/src/lib/components/chat/Settings/Personalization.svelte b/src/lib/components/chat/Settings/Personalization.svelte
index 88482eb492..430610f9e8 100644
--- a/src/lib/components/chat/Settings/Personalization.svelte
+++ b/src/lib/components/chat/Settings/Personalization.svelte
@@ -37,10 +37,10 @@
 						'This is an experimental feature, it may not function as expected and is subject to change at any time.'
 					)}
 				>
-					<div class="flex items-center gap-2 text-sm font-medium">
+					<div class="flex items-center gap-2 text-sm font-normal">
 						{$i18n.t('Memory')}
 						<span
-							class="text-[0.65rem] font-medium uppercase px-1.5 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-gray-500 dark:text-gray-400"
+							class="text-[0.65rem] font-normal uppercase px-1.5 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-gray-500 dark:text-gray-400"
 							>{$i18n.t('Experimental')}</span
 						>
 					</div>
@@ -68,7 +68,7 @@
 		<div class="mt-3 mb-1 ml-1">
 			<button
 				type="button"
-				class="px-3.5 py-1.5 font-medium hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-300 dark:outline-gray-800 rounded-3xl"
+				class="px-3.5 py-1.5 font-normal hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-300 dark:outline-gray-800 rounded-3xl"
 				on:click={() => {
 					showManageModal = true;
 				}}
@@ -78,9 +78,9 @@
 		</div>
 	</div>
 
-	<div class="flex justify-end text-sm font-medium">
+	<div class="flex justify-end text-sm font-normal">
 		<button
-			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+			class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 			type="submit"
 		>
 			{$i18n.t('Save')}
diff --git a/src/lib/components/chat/Settings/Personalization/ManageModal.svelte b/src/lib/components/chat/Settings/Personalization/ManageModal.svelte
index adfa304d30..c980f12156 100644
--- a/src/lib/components/chat/Settings/Personalization/ManageModal.svelte
+++ b/src/lib/components/chat/Settings/Personalization/ManageModal.svelte
@@ -106,10 +106,10 @@
 	<div>
 		<div class="flex justify-between dark:text-gray-300 px-5 pt-4 pb-1">
 			<div class="flex items-center gap-2">
-				<div class="text-lg font-medium">{$i18n.t('Memory')}</div>
+				<div class="text-lg font-normal">{$i18n.t('Memory')}</div>
 
 				{#if !loading}
-					<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+					<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 						{memories.length}
 					</div>
 				{/if}
@@ -242,7 +242,7 @@
 				>
 
 				<button
-					class="px-3.5 py-1.5 font-medium hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
+					class="px-3.5 py-1.5 font-normal hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
 					on:click={() => {
 						selectedMemory = null;
 						showMemoryModal = true;
diff --git a/src/lib/components/chat/Settings/Personalization/MemoryModal.svelte b/src/lib/components/chat/Settings/Personalization/MemoryModal.svelte
index 58745e9f04..edbfae97d7 100644
--- a/src/lib/components/chat/Settings/Personalization/MemoryModal.svelte
+++ b/src/lib/components/chat/Settings/Personalization/MemoryModal.svelte
@@ -54,7 +54,7 @@
 <Modal bind:show size="sm">
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
-			<div class=" text-lg font-medium self-center">
+			<div class=" text-lg font-normal self-center">
 				{#if edit}
 					{$i18n.t('Edit Memory')}
 				{:else}
@@ -114,9 +114,9 @@
 						</div>
 					</div>
 
-					<div class="flex justify-end pt-1 text-sm font-medium">
+					<div class="flex justify-end pt-1 text-sm font-normal">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {loading
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/chat/Settings/SyncStatsModal.svelte b/src/lib/components/chat/Settings/SyncStatsModal.svelte
index f93e8dc044..375356bc96 100644
--- a/src/lib/components/chat/Settings/SyncStatsModal.svelte
+++ b/src/lib/components/chat/Settings/SyncStatsModal.svelte
@@ -318,7 +318,7 @@
 	<div class="w-full">
 		{#if completed}
 			<div class="px-5.5 py-5">
-				<div class="mb-1 text-xl font-medium">{$i18n.t('Sync Complete!')}</div>
+				<div class="mb-1 text-xl font-normal">{$i18n.t('Sync Complete!')}</div>
 				<div class="mb-3 text-xs text-gray-500">
 					{$i18n.t('Your usage stats have been successfully synced.')}
 				</div>
@@ -336,7 +336,7 @@
 			</div>
 		{:else if error}
 			<div class="px-5.5 py-5">
-				<div class="mb-1 text-xl font-medium">{$i18n.t('Sync Failed')}</div>
+				<div class="mb-1 text-xl font-normal">{$i18n.t('Sync Failed')}</div>
 				<div class="mb-3 text-xs text-gray-500">
 					{errorMessage || $i18n.t('There was an error syncing your stats. Please try again.')}
 				</div>
@@ -355,7 +355,7 @@
 			</div>
 		{:else}
 			<div class="flex justify-between px-5 pt-4 pb-0.5">
-				<div class="text-lg font-medium self-center">{$i18n.t('Sync Usage Stats')}</div>
+				<div class="text-lg font-normal self-center">{$i18n.t('Sync Usage Stats')}</div>
 				<button
 					class="self-center"
 					aria-label={$i18n.t('Close modal')}
@@ -380,7 +380,7 @@
 				</div>
 
 				<div class="mt-3 text-xs text-gray-500">
-					<div class="font-medium text-gray-900 dark:text-gray-100 mb-1">
+					<div class="font-normal text-gray-900 dark:text-gray-100 mb-1">
 						{$i18n.t('What is shared:')}
 					</div>
 					<ul class="list-disc list-inside space-y-0.5 ml-1 mb-2">
@@ -391,7 +391,7 @@
 						<li>{$i18n.t('User ratings (thumbs up/down)')}</li>
 					</ul>
 
-					<div class="font-medium text-gray-900 dark:text-gray-100 mb-1">
+					<div class="font-normal text-gray-900 dark:text-gray-100 mb-1">
 						{$i18n.t('What is NOT shared:')}
 					</div>
 					<ul class="list-disc list-inside space-y-0.5 ml-1">
@@ -465,7 +465,7 @@
 					</div>
 
 					<button
-						class="px-4 py-2 rounded-full text-sm font-medium bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 text-gray-900 dark:text-gray-100 transition disabled:cursor-not-allowed"
+						class="px-4 py-2 rounded-full text-sm font-normal bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 text-gray-900 dark:text-gray-100 transition disabled:cursor-not-allowed"
 						on:click={() => {
 							if (syncing) {
 								cancelOperation();
@@ -478,7 +478,7 @@
 					</button>
 
 					<button
-						class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition-colors rounded-full"
+						class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition-colors rounded-full"
 						on:click={syncStats}
 						disabled={syncing}
 					>
diff --git a/src/lib/components/chat/SettingsModal.svelte b/src/lib/components/chat/SettingsModal.svelte
index aac8834366..70f5977483 100644
--- a/src/lib/components/chat/SettingsModal.svelte
+++ b/src/lib/components/chat/SettingsModal.svelte
@@ -591,7 +591,7 @@
 <Modal size="2xl" bind:show>
 	<div class="text-gray-700 dark:text-gray-100 mx-1">
 		<div class=" flex justify-between dark:text-gray-300 px-4 pt-4 pb-1 md:pb-2">
-			<div class=" text-lg font-medium self-center">{$i18n.t('Settings')}</div>
+			<div class=" text-lg font-normal self-center">{$i18n.t('Settings')}</div>
 			<button
 				aria-label={$i18n.t('Close settings modal')}
 				class="self-center"
diff --git a/src/lib/components/chat/ShareChatModal.svelte b/src/lib/components/chat/ShareChatModal.svelte
index 579b0dc3d6..e6b3e8225d 100644
--- a/src/lib/components/chat/ShareChatModal.svelte
+++ b/src/lib/components/chat/ShareChatModal.svelte
@@ -112,7 +112,7 @@
 <Modal bind:show size="md">
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-0.5">
-			<div class=" text-lg font-medium self-center">{$i18n.t('Share Chat')}</div>
+			<div class=" text-lg font-normal self-center">{$i18n.t('Share Chat')}</div>
 			<button
 				class="self-center"
 				aria-label={$i18n.t('Close')}
@@ -168,7 +168,7 @@
 				<div class="flex justify-end gap-1 mt-3">
 					{#if $config?.features.enable_community_sharing}
 						<button
-							class="flex items-center gap-1 px-3.5 py-2 text-sm font-medium bg-gray-100 hover:bg-gray-200 text-gray-800 dark:bg-gray-850 dark:text-white dark:hover:bg-gray-800 transition rounded-full"
+							class="flex items-center gap-1 px-3.5 py-2 text-sm font-normal bg-gray-100 hover:bg-gray-200 text-gray-800 dark:bg-gray-850 dark:text-white dark:hover:bg-gray-800 transition rounded-full"
 							type="button"
 							on:click={() => {
 								shareChat();
@@ -179,7 +179,7 @@
 					{/if}
 
 					<button
-						class="flex items-center gap-1 px-3.5 py-2 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+						class="flex items-center gap-1 px-3.5 py-2 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 						type="button"
 						id="copy-and-share-chat-button"
 						on:click={async () => {
diff --git a/src/lib/components/chat/ShortcutsModal.svelte b/src/lib/components/chat/ShortcutsModal.svelte
index b99856d4f3..f2193728e9 100644
--- a/src/lib/components/chat/ShortcutsModal.svelte
+++ b/src/lib/components/chat/ShortcutsModal.svelte
@@ -46,7 +46,7 @@
 <Modal bind:show>
 	<div class="text-gray-700 dark:text-gray-100 px-5 py-4">
 		<div class="flex justify-between dark:text-gray-300 pb-2">
-			<div class="text-lg font-medium self-center">{$i18n.t('Keyboard Shortcuts')}</div>
+			<div class="text-lg font-normal self-center">{$i18n.t('Keyboard Shortcuts')}</div>
 			<button class="self-center" aria-label={$i18n.t('Close')} on:click={() => (show = false)}>
 				<XMark className={'size-5'} />
 			</button>
diff --git a/src/lib/components/chat/SkillsModal.svelte b/src/lib/components/chat/SkillsModal.svelte
index c251ff5905..7664ba99a7 100644
--- a/src/lib/components/chat/SkillsModal.svelte
+++ b/src/lib/components/chat/SkillsModal.svelte
@@ -19,7 +19,7 @@
 <Modal bind:show size="md">
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-0.5">
-			<div class=" text-lg font-medium self-center">{$i18n.t('Available Skills')}</div>
+			<div class=" text-lg font-normal self-center">{$i18n.t('Available Skills')}</div>
 			<button
 				class="self-center"
 				aria-label={$i18n.t('Close')}
@@ -33,7 +33,7 @@
 
 		{#if selectedSkills.length > 0}
 			<div class=" flex justify-between dark:text-gray-300 px-5 pb-1">
-				<div class=" text-base font-medium self-center">{$i18n.t('Skills')}</div>
+				<div class=" text-base font-normal self-center">{$i18n.t('Skills')}</div>
 			</div>
 
 			<div class="px-5 pb-5 w-full flex flex-col justify-center">
@@ -41,7 +41,7 @@
 					{#each selectedSkills as skill}
 						<Collapsible buttonClassName="w-full mb-0.5">
 							<div class="truncate">
-								<div class="text-sm font-medium dark:text-gray-100 text-gray-800 truncate">
+								<div class="text-sm font-normal dark:text-gray-100 text-gray-800 truncate">
 									{skill?.name}
 								</div>
 
diff --git a/src/lib/components/chat/Suggestions.svelte b/src/lib/components/chat/Suggestions.svelte
index c41767a9af..20bcc4fbcb 100644
--- a/src/lib/components/chat/Suggestions.svelte
+++ b/src/lib/components/chat/Suggestions.svelte
@@ -64,7 +64,7 @@
 	}
 </script>
 
-<div class="mb-1 flex gap-1 text-xs font-medium items-center text-gray-600 dark:text-gray-400">
+<div class="mb-1 flex gap-1 text-xs font-normal items-center text-gray-600 dark:text-gray-400">
 	{#if filteredPrompts.length > 0}
 		<Bolt />
 		{$i18n.t('Suggested')}
@@ -97,7 +97,7 @@
 					<div class="flex flex-col text-left">
 						{#if prompt.title && prompt.title[0] !== ''}
 							<div
-								class="font-medium dark:text-gray-300 dark:group-hover:text-gray-200 transition line-clamp-1"
+								class="font-normal dark:text-gray-300 dark:group-hover:text-gray-200 transition line-clamp-1"
 							>
 								{prompt.title[0]}
 							</div>
@@ -106,7 +106,7 @@
 							</div>
 						{:else}
 							<div
-								class="font-medium dark:text-gray-300 dark:group-hover:text-gray-200 transition line-clamp-1"
+								class="font-normal dark:text-gray-300 dark:group-hover:text-gray-200 transition line-clamp-1"
 							>
 								{prompt.content}
 							</div>
diff --git a/src/lib/components/chat/ToolServersModal.svelte b/src/lib/components/chat/ToolServersModal.svelte
index f1c9c6fba3..bbce9edb34 100644
--- a/src/lib/components/chat/ToolServersModal.svelte
+++ b/src/lib/components/chat/ToolServersModal.svelte
@@ -34,7 +34,7 @@
 <Modal bind:show size="md">
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-0.5">
-			<div class=" text-lg font-medium self-center">{$i18n.t('Available Tools')}</div>
+			<div class=" text-lg font-normal self-center">{$i18n.t('Available Tools')}</div>
 			<button
 				class="self-center"
 				aria-label={$i18n.t('Close')}
@@ -49,7 +49,7 @@
 		{#if selectedTools.length > 0}
 			{#if $toolServers.length > 0}
 				<div class=" flex justify-between dark:text-gray-300 px-5 pb-1">
-					<div class=" text-base font-medium self-center">{$i18n.t('Tools')}</div>
+					<div class=" text-base font-normal self-center">{$i18n.t('Tools')}</div>
 				</div>
 			{/if}
 
@@ -65,7 +65,7 @@
 						>
 							<div class="min-w-0 flex-1">
 								<div class="flex items-center gap-1 min-w-0">
-									<div class="text-sm font-medium dark:text-gray-100 text-gray-800 truncate">
+									<div class="text-sm font-normal dark:text-gray-100 text-gray-800 truncate">
 										{tool?.name}
 									</div>
 									{#if status}
@@ -107,7 +107,7 @@
 
 		{#if $toolServers.length > 0}
 			<div class=" flex justify-between dark:text-gray-300 px-5 pb-0.5">
-				<div class=" text-base font-medium self-center">{$i18n.t('Tool Servers')}</div>
+				<div class=" text-base font-normal self-center">{$i18n.t('Tool Servers')}</div>
 			</div>
 
 			<div class="px-5 pb-5 w-full flex flex-col justify-center">
@@ -122,7 +122,7 @@
 					{#each $toolServers as toolServer}
 						<Collapsible buttonClassName="w-full" chevron>
 							<div>
-								<div class="text-sm font-medium dark:text-gray-100 text-gray-800">
+								<div class="text-sm font-normal dark:text-gray-100 text-gray-800">
 									{toolServer?.openapi?.info?.title} - v{toolServer?.openapi?.info?.version}
 								</div>
 
@@ -138,7 +138,7 @@
 							<div slot="content">
 								{#each toolServer?.specs ?? [] as tool_spec}
 									<div class="my-1">
-										<div class="font-medium text-gray-800 dark:text-gray-100">
+										<div class="font-normal text-gray-800 dark:text-gray-100">
 											{tool_spec?.name}
 										</div>
 
diff --git a/src/lib/components/common/Badge.svelte b/src/lib/components/common/Badge.svelte
index de14128f56..1ac8c87570 100644
--- a/src/lib/components/common/Badge.svelte
+++ b/src/lib/components/common/Badge.svelte
@@ -12,7 +12,7 @@
 </script>
 
 <div
-	class=" text-xs font-medium {classNames[type] ??
+	class=" text-xs font-normal {classNames[type] ??
 		classNames['info']} w-fit px-[5px] rounded-lg uppercase line-clamp-1 mr-0.5"
 >
 	{content}
diff --git a/src/lib/components/common/Banner.svelte b/src/lib/components/common/Banner.svelte
index a80056cb67..913bd53a67 100644
--- a/src/lib/components/common/Banner.svelte
+++ b/src/lib/components/common/Banner.svelte
@@ -52,7 +52,7 @@
 			<div class=" flex flex-col md:flex-row md:items-center flex-1 text-sm w-fit gap-1.5">
 				<div class="flex justify-between self-start">
 					<div
-						class=" text-xs font-semibold {classNames[banner.type] ??
+						class=" text-xs font-normal {classNames[banner.type] ??
 							classNames['info']}  w-fit px-2 rounded-sm uppercase line-clamp-1 mr-0.5"
 					>
 						{#if banner.type.toLowerCase() === 'info'}
@@ -71,7 +71,7 @@
 					{#if banner.url}
 						<div class="flex md:hidden group w-fit md:items-center">
 							<a
-								class="text-gray-700 dark:text-white text-xs font-semibold underline"
+								class="text-gray-700 dark:text-white text-xs font-normal underline"
 								href="{WEBUI_BASE_URL}/assets/files/whitepaper.pdf"
 								target="_blank"
 							>
@@ -107,7 +107,7 @@
 			{#if banner.url}
 				<div class="hidden md:flex group w-fit md:items-center">
 					<a
-						class="text-gray-700 dark:text-white text-xs font-semibold underline"
+						class="text-gray-700 dark:text-white text-xs font-normal underline"
 						href="/"
 						target="_blank"
 					>
diff --git a/src/lib/components/common/ChatList.svelte b/src/lib/components/common/ChatList.svelte
index b93ad09d83..35df2e0c3e 100644
--- a/src/lib/components/common/ChatList.svelte
+++ b/src/lib/components/common/ChatList.svelte
@@ -35,7 +35,7 @@
 
 <div>
 	{#if chatList && chatList.length > 0}
-		<div class="flex text-xs font-medium mb-1.5">
+		<div class="flex text-xs font-normal mb-1.5">
 			{#if showUserInfo}
 				{#if onSort}
 					<button
@@ -126,7 +126,7 @@
 			{#each chatList as chat, idx (chat.id)}
 				{#if chat.time_range && (idx === 0 || chat.time_range !== chatList[idx - 1]?.time_range)}
 					<div
-						class="w-full text-xs text-gray-500 dark:text-gray-500 font-medium {idx === 0
+						class="w-full text-xs text-gray-500 dark:text-gray-500 font-normal {idx === 0
 							? ''
 							: 'pt-5'} pb-2 px-2"
 					>
diff --git a/src/lib/components/common/CodeEditorModal.svelte b/src/lib/components/common/CodeEditorModal.svelte
index 5b8883d74b..b2ff76aa24 100644
--- a/src/lib/components/common/CodeEditorModal.svelte
+++ b/src/lib/components/common/CodeEditorModal.svelte
@@ -31,7 +31,7 @@
 		<div
 			class=" sticky top-0 z-30 flex justify-between bg-white px-4.5 pt-3 pb-3 dark:bg-gray-900 dark:text-gray-100"
 		>
-			<div class=" font-primary self-center text-lg font-medium">
+			<div class="  self-center text-lg font-normal">
 				{$i18n.t('Code Editor')}
 			</div>
 			<button
diff --git a/src/lib/components/common/ConfirmDialog.svelte b/src/lib/components/common/ConfirmDialog.svelte
index 10b5037414..19f2a488b3 100644
--- a/src/lib/components/common/ConfirmDialog.svelte
+++ b/src/lib/components/common/ConfirmDialog.svelte
@@ -123,7 +123,7 @@
 			}}
 		>
 			<div class="px-[1.75rem] py-6 flex flex-col">
-				<div class=" text-lg font-medium dark:text-gray-200 mb-2.5">
+				<div class=" text-lg font-normal dark:text-gray-200 mb-2.5">
 					{#if title !== ''}
 						{title}
 					{:else}
@@ -177,7 +177,7 @@
 
 				<div class="mt-6 flex justify-between gap-1.5">
 					<button
-						class="text-sm bg-gray-100 hover:bg-gray-200 text-gray-800 dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-white font-medium w-full py-2 rounded-3xl transition"
+						class="text-sm bg-gray-100 hover:bg-gray-200 text-gray-800 dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-white font-normal w-full py-2 rounded-3xl transition"
 						on:click={() => {
 							cancelHandler();
 						}}
@@ -186,7 +186,7 @@
 						{cancelLabel}
 					</button>
 					<button
-						class="text-sm bg-gray-900 hover:bg-gray-850 text-gray-100 dark:bg-gray-100 dark:hover:bg-white dark:text-gray-800 font-medium w-full py-2 rounded-3xl transition"
+						class="text-sm bg-gray-900 hover:bg-gray-850 text-gray-100 dark:bg-gray-100 dark:hover:bg-white dark:text-gray-800 font-normal w-full py-2 rounded-3xl transition"
 						on:click={() => {
 							confirmHandler();
 						}}
diff --git a/src/lib/components/common/EmojiPicker.svelte b/src/lib/components/common/EmojiPicker.svelte
index fc0868fda6..999c206ec9 100644
--- a/src/lib/components/common/EmojiPicker.svelte
+++ b/src/lib/components/common/EmojiPicker.svelte
@@ -189,7 +189,7 @@
 							<div class="w-full mb-2.5">
 								{#if item.length === 1 && item[0].type === 'group'}
 									<!-- Render group header -->
-									<div class="text-xs font-medium -mb-1 text-gray-500 dark:text-gray-400">
+									<div class="text-xs font-normal -mb-1 text-gray-500 dark:text-gray-400">
 										{item[0].label}
 									</div>
 								{:else}
diff --git a/src/lib/components/common/FileItem.svelte b/src/lib/components/common/FileItem.svelte
index c6e4a785b4..c025f4e11f 100644
--- a/src/lib/components/common/FileItem.svelte
+++ b/src/lib/components/common/FileItem.svelte
@@ -136,7 +136,7 @@
 
 	{#if !small}
 		<div class="flex flex-col justify-center -space-y-0.5 px-2.5 w-full">
-			<div class=" dark:text-gray-100 text-sm font-medium line-clamp-1 mb-1">
+			<div class=" dark:text-gray-100 text-sm font-normal line-clamp-1 mb-1">
 				{decodeString(name)}
 			</div>
 
@@ -165,7 +165,7 @@
 		<Tooltip content={decodeString(name)} className="flex flex-col w-full" placement="top-start">
 			<div class="flex flex-col justify-center -space-y-0.5 px-1 w-full">
 				<div class=" dark:text-gray-100 text-sm flex justify-between items-center">
-					<div class="font-medium line-clamp-1 flex-1 pr-1">{decodeString(name)}</div>
+					<div class="font-normal line-clamp-1 flex-1 pr-1">{decodeString(name)}</div>
 					{#if size}
 						<div class="text-gray-500 text-xs capitalize shrink-0">{formatFileSize(size)}</div>
 					{:else}
diff --git a/src/lib/components/common/FileItemModal.svelte b/src/lib/components/common/FileItemModal.svelte
index 470bb6b52e..bea40aa304 100644
--- a/src/lib/components/common/FileItemModal.svelte
+++ b/src/lib/components/common/FileItemModal.svelte
@@ -257,11 +257,11 @@
 </script>
 
 <Modal bind:show size="lg">
-	<div class="font-primary px-4.5 py-3.5 w-full flex flex-col justify-center dark:text-gray-400">
+	<div class=" px-4.5 py-3.5 w-full flex flex-col justify-center dark:text-gray-400">
 		<div class=" pb-2">
 			<div class="flex items-start justify-between">
 				<div>
-					<div class=" font-medium text-lg dark:text-gray-100">
+					<div class=" font-normal text-lg dark:text-gray-100">
 						<a
 							href="#"
 							class="hover:underline line-clamp-1"
@@ -393,7 +393,7 @@
 
 				{#if isAudio || isPDF || isExcel || isCode || isMarkdown || isDocx || isPptx}
 					<div
-						class="flex mb-2.5 scrollbar-none overflow-x-auto w-full border-b border-gray-50 dark:border-gray-850/30 text-center text-sm font-medium bg-transparent dark:text-gray-200"
+						class="flex mb-2.5 scrollbar-none overflow-x-auto w-full border-b border-gray-50 dark:border-gray-850/30 text-center text-sm font-normal bg-transparent dark:text-gray-200"
 					>
 						<button
 							class="min-w-fit py-1.5 px-4 border-b {selectedTab === ''
@@ -526,7 +526,7 @@
 						{:else}
 							{#if excelSheetNames.length > 1}
 								<div
-									class="flex mb-2.5 scrollbar-none overflow-x-auto w-full border-b border-gray-50 dark:border-gray-850/30 text-center text-sm font-medium bg-transparent dark:text-gray-200"
+									class="flex mb-2.5 scrollbar-none overflow-x-auto w-full border-b border-gray-50 dark:border-gray-850/30 text-center text-sm font-normal bg-transparent dark:text-gray-200"
 								>
 									{#each excelSheetNames as sheetName}
 										<button
diff --git a/src/lib/components/common/Folder.svelte b/src/lib/components/common/Folder.svelte
index 93ec72763e..fcf091afc9 100644
--- a/src/lib/components/common/Folder.svelte
+++ b/src/lib/components/common/Folder.svelte
@@ -156,7 +156,7 @@
 					id="sidebar-folder-button"
 					class=" w-full group rounded-xl relative flex items-center justify-between hover:bg-gray-100 dark:hover:bg-gray-900 transition {buttonClassName}"
 				>
-					<button class="w-full py-1.5 pl-2 flex items-center gap-1.5 text-xs font-medium">
+					<button class="w-full py-1.5 pl-2 flex items-center gap-1.5 text-xs font-normal">
 						{#if chevron}
 							<div class=" p-[1px]">
 								{#if open}
diff --git a/src/lib/components/common/InputModal.svelte b/src/lib/components/common/InputModal.svelte
index d70163c9c7..df2dc31ff2 100644
--- a/src/lib/components/common/InputModal.svelte
+++ b/src/lib/components/common/InputModal.svelte
@@ -27,7 +27,7 @@
 		<div
 			class=" sticky top-0 z-30 flex justify-between bg-white px-4.5 pt-3 pb-3 dark:bg-gray-900 dark:text-gray-100"
 		>
-			<div class=" font-primary self-center text-lg">
+			<div class="  self-center text-lg">
 				{$i18n.t('Input')}
 			</div>
 			<button
diff --git a/src/lib/components/common/Overlay.svelte b/src/lib/components/common/Overlay.svelte
index f1c3626af0..b7da8ae206 100644
--- a/src/lib/components/common/Overlay.svelte
+++ b/src/lib/components/common/Overlay.svelte
@@ -21,7 +21,7 @@
 				</div>
 
 				{#if content !== ''}
-					<div class="text-center text-gray-100 text-xs font-medium z-50">
+					<div class="text-center text-gray-100 text-xs font-normal z-50">
 						{content}
 					</div>
 				{/if}
diff --git a/src/lib/components/common/PDFViewer.svelte b/src/lib/components/common/PDFViewer.svelte
index 4912908b2b..1dea844f4f 100644
--- a/src/lib/components/common/PDFViewer.svelte
+++ b/src/lib/components/common/PDFViewer.svelte
@@ -307,7 +307,7 @@
 				</svg>
 			</button>
 			<button
-				class="px-1.5 py-1 min-w-[3rem] text-center text-[11px] font-medium text-gray-500 dark:text-gray-400 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 transition tabular-nums"
+				class="px-1.5 py-1 min-w-[3rem] text-center text-[11px] font-normal text-gray-500 dark:text-gray-400 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 transition tabular-nums"
 				on:click={resetView}
 				aria-label="Reset zoom"
 			>
diff --git a/src/lib/components/common/Pagination.svelte b/src/lib/components/common/Pagination.svelte
index 0b3e18dd13..319dd4d362 100644
--- a/src/lib/components/common/Pagination.svelte
+++ b/src/lib/components/common/Pagination.svelte
@@ -22,11 +22,11 @@
 				<div class="flex items-center gap-2.5">
 					{#each pages as page (page.key)}
 						{#if page.type === 'ellipsis'}
-							<div class="text-sm font-medium text-foreground-alt">...</div>
+							<div class="text-sm font-normal text-foreground-alt">...</div>
 						{:else}
 							<Pagination.Page
 								{page}
-								class="inline-flex size-8 items-center justify-center rounded-[9px] bg-transparent hover:bg-gray-50 dark:hover:bg-gray-850 text-sm font-medium hover:bg-dark-10 active:scale-98 disabled:cursor-not-allowed disabled:opacity-50 hover:disabled:bg-transparent data-selected:bg-gray-50 data-selected:text-gray-700 data-selected:hover:bg-gray-100 dark:data-selected:bg-gray-850 dark:data-selected:text-gray-50 dark:data-selected:hover:bg-gray-800 transition"
+								class="inline-flex size-8 items-center justify-center rounded-[9px] bg-transparent hover:bg-gray-50 dark:hover:bg-gray-850 text-sm font-normal hover:bg-dark-10 active:scale-98 disabled:cursor-not-allowed disabled:opacity-50 hover:disabled:bg-transparent data-selected:bg-gray-50 data-selected:text-gray-700 data-selected:hover:bg-gray-100 dark:data-selected:bg-gray-850 dark:data-selected:text-gray-50 dark:data-selected:hover:bg-gray-800 transition"
 							>
 								{page.value}
 							</Pagination.Page>
diff --git a/src/lib/components/common/Selector.svelte b/src/lib/components/common/Selector.svelte
index efaf4f16fc..80a82fb12c 100644
--- a/src/lib/components/common/Selector.svelte
+++ b/src/lib/components/common/Selector.svelte
@@ -38,7 +38,7 @@
 >
 	<svelte:fragment slot="trigger" let:selectedLabel>
 		<span
-			class="inline-flex h-input px-0.5 w-full outline-hidden bg-transparent truncate text-lg font-semibold placeholder-gray-400 focus:outline-hidden"
+			class="inline-flex h-input px-0.5 w-full outline-hidden bg-transparent truncate text-lg font-normal placeholder-gray-400 focus:outline-hidden"
 		>
 			{selectedLabel}
 		</span>
@@ -65,7 +65,7 @@
 			<div class="px-3 my-2 max-h-80 overflow-y-auto">
 				{#each filteredItems as item}
 					<button
-						class="flex w-full font-medium line-clamp-1 select-none items-center rounded-button py-2 pl-3 pr-1.5 text-sm text-gray-700 dark:text-gray-100 outline-hidden transition-all duration-75 hover:bg-gray-100 dark:hover:bg-gray-850 rounded-lg cursor-pointer"
+						class="flex w-full font-normal line-clamp-1 select-none items-center rounded-button py-2 pl-3 pr-1.5 text-sm text-gray-700 dark:text-gray-100 outline-hidden transition-all duration-75 hover:bg-gray-100 dark:hover:bg-gray-850 rounded-lg cursor-pointer"
 						type="button"
 						on:click={() => selectItem(item)}
 					>
diff --git a/src/lib/components/common/Tags/TagInput.svelte b/src/lib/components/common/Tags/TagInput.svelte
index 8b8f4d019d..1a26703338 100644
--- a/src/lib/components/common/Tags/TagInput.svelte
+++ b/src/lib/components/common/Tags/TagInput.svelte
@@ -58,7 +58,7 @@
 {:else}
 	<button
 		type="button"
-		class="flex items-center gap-2 px-3 py-1.5 rounded-lg bg-gray-200/80 dark:bg-gray-700 text-gray-500 dark:text-blue-400 text-sm font-medium hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors"
+		class="flex items-center gap-2 px-3 py-1.5 rounded-lg bg-gray-200/80 dark:bg-gray-700 text-gray-500 dark:text-blue-400 text-sm font-normal hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors"
 		on:click={openInput}
 	>
 		<span>+</span>
diff --git a/src/lib/components/common/Tags/TagItem.svelte b/src/lib/components/common/Tags/TagItem.svelte
index 768b2334b7..5762b8938a 100644
--- a/src/lib/components/common/Tags/TagItem.svelte
+++ b/src/lib/components/common/Tags/TagItem.svelte
@@ -13,14 +13,14 @@
 {#if tag}
 	{#if disabled}
 		<span
-			class="flex items-center gap-1 px-1.5 py-[1px] rounded-full bg-gray-100/50 dark:bg-gray-800/50 border border-gray-100 dark:border-gray-800 text-gray-600 dark:text-gray-300 text-xs font-medium"
+			class="flex items-center gap-1 px-1.5 py-[1px] rounded-full bg-gray-100/50 dark:bg-gray-800/50 border border-gray-100 dark:border-gray-800 text-gray-600 dark:text-gray-300 text-xs font-normal"
 		>
 			<span class="line-clamp-1">{tag.name}</span>
 		</span>
 	{:else}
 		<button
 			type="button"
-			class="flex items-center gap-1 px-1.5 py-[1px] rounded-full bg-gray-100/50 dark:bg-gray-800/50 border border-gray-100 dark:border-gray-800 text-gray-600 dark:text-gray-300 text-xs font-medium hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+			class="flex items-center gap-1 px-1.5 py-[1px] rounded-full bg-gray-100/50 dark:bg-gray-800/50 border border-gray-100 dark:border-gray-800 text-gray-600 dark:text-gray-300 text-xs font-normal hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
 			on:click={() => {
 				onDelete();
 			}}
diff --git a/src/lib/components/common/ToolCallDisplay.svelte b/src/lib/components/common/ToolCallDisplay.svelte
index 98a08440a4..89db992743 100644
--- a/src/lib/components/common/ToolCallDisplay.svelte
+++ b/src/lib/components/common/ToolCallDisplay.svelte
@@ -128,7 +128,7 @@
 			}}
 		>
 			<div
-				class="w-full max-w-full font-medium flex items-center gap-1.5 {isExecuting
+				class="w-full max-w-full font-normal flex items-center gap-1.5 {isExecuting
 					? 'shimmer'
 					: ''}"
 			>
@@ -189,7 +189,7 @@
 					{#if args}
 						<div>
 							<div
-								class="text-[10px] uppercase tracking-wider font-medium text-gray-400 dark:text-gray-500 mb-1.5 px-1"
+								class="text-[10px] uppercase tracking-wider font-normal text-gray-400 dark:text-gray-500 mb-1.5 px-1"
 							>
 								{$i18n.t('Input')}
 							</div>
@@ -198,7 +198,7 @@
 								<div class="px-1 space-y-0.5">
 									{#each Object.entries(parsedArgs) as [key, value]}
 										<div class="flex gap-2 text-xs py-0.5">
-											<span class="font-medium text-gray-600 dark:text-gray-400 shrink-0"
+											<span class="font-normal text-gray-600 dark:text-gray-400 shrink-0"
 												>{key}</span
 											>
 											<span class="text-gray-800 dark:text-gray-200 break-all"
@@ -222,7 +222,7 @@
 					{#if isDone && result}
 						<div>
 							<div
-								class="text-[10px] uppercase tracking-wider font-medium text-gray-400 dark:text-gray-500 mb-1.5 px-1"
+								class="text-[10px] uppercase tracking-wider font-normal text-gray-400 dark:text-gray-500 mb-1.5 px-1"
 							>
 								{$i18n.t('Output')}
 							</div>
diff --git a/src/lib/components/common/Valves.svelte b/src/lib/components/common/Valves.svelte
index 5df75ea0dd..6e52d64273 100644
--- a/src/lib/components/common/Valves.svelte
+++ b/src/lib/components/common/Valves.svelte
@@ -19,7 +19,7 @@
 	{#each Object.keys(valvesSpec.properties) as property}
 		<div class=" py-0.5 w-full justify-between">
 			<div class="flex w-full justify-between">
-				<div class=" self-center text-xs font-medium">
+				<div class=" self-center text-xs font-normal">
 					{valvesSpec.properties[property].title}
 
 					{#if (valvesSpec?.required ?? []).includes(property)}
diff --git a/src/lib/components/layout/ArchivedChatsModal.svelte b/src/lib/components/layout/ArchivedChatsModal.svelte
index e695300d09..4865d441e8 100644
--- a/src/lib/components/layout/ArchivedChatsModal.svelte
+++ b/src/lib/components/layout/ArchivedChatsModal.svelte
@@ -172,9 +172,9 @@
 	{unarchiveHandler}
 >
 	<div slot="footer">
-		<div class="flex flex-wrap text-sm font-medium gap-1.5 mt-2 m-1 justify-end w-full">
+		<div class="flex flex-wrap text-sm font-normal gap-1.5 mt-2 m-1 justify-end w-full">
 			<button
-				class=" px-3.5 py-1.5 font-medium hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
+				class=" px-3.5 py-1.5 font-normal hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
 				disabled={loading}
 				on:click={() => {
 					showUnarchiveAllConfirmDialog = true;
@@ -188,7 +188,7 @@
 			</button>
 
 			<button
-				class="px-3.5 py-1.5 font-medium hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
+				class="px-3.5 py-1.5 font-normal hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
 				disabled={loading}
 				on:click={() => {
 					exportChatsHandler();
diff --git a/src/lib/components/layout/ChatsModal.svelte b/src/lib/components/layout/ChatsModal.svelte
index 902baebe50..b717ac5d4c 100644
--- a/src/lib/components/layout/ChatsModal.svelte
+++ b/src/lib/components/layout/ChatsModal.svelte
@@ -93,14 +93,14 @@
 <Modal size="lg" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-1">
-			<div class="flex items-center gap-2 text-lg font-medium self-center">
+			<div class="flex items-center gap-2 text-lg font-normal self-center">
 				<div>{title}</div>
 				{#if count !== null}
-					<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+					<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 						{count}
 					</div>
 				{:else if chatList}
-					<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+					<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 						{chatList.length}
 					</div>
 				{/if}
@@ -172,7 +172,7 @@
 				{#if chatList}
 					<div class="w-full">
 						{#if chatList.length > 0}
-							<div class="flex text-xs font-medium mb-1.5">
+							<div class="flex text-xs font-normal mb-1.5">
 								{#if showUserInfo}
 									<div class="px-1.5 py-1 w-32">
 										{$i18n.t('User')}
@@ -240,7 +240,7 @@
 							{#each chatList as chat, idx (chat.id)}
 								{#if (idx === 0 || (idx > 0 && chat.time_range !== chatList[idx - 1].time_range)) && chat?.time_range}
 									<div
-										class="w-full text-xs text-gray-500 dark:text-gray-500 font-medium {idx === 0
+										class="w-full text-xs text-gray-500 dark:text-gray-500 font-normal {idx === 0
 											? ''
 											: 'pt-5'} pb-2 px-2"
 									>
diff --git a/src/lib/components/layout/FilesModal.svelte b/src/lib/components/layout/FilesModal.svelte
index 5332f1750a..e7e12bc1bc 100644
--- a/src/lib/components/layout/FilesModal.svelte
+++ b/src/lib/components/layout/FilesModal.svelte
@@ -203,14 +203,14 @@
 <Modal size="xl" bind:show>
 	<div>
 		<div class="flex justify-between dark:text-gray-300 px-5 pt-4 pb-1">
-			<div class="flex items-center gap-2 text-lg font-medium self-center">
+			<div class="flex items-center gap-2 text-lg font-normal self-center">
 				<div>{$i18n.t('Files')}</div>
 				{#if query && files}
-					<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+					<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 						{files.length}
 					</div>
 				{:else if fileCount !== null}
-					<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+					<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 						{fileCount}
 					</div>
 				{/if}
@@ -281,7 +281,7 @@
 				{#if files !== null}
 					<div class="w-full">
 						{#if files.length > 0}
-							<div class="flex text-xs font-medium mb-1.5">
+							<div class="flex text-xs font-normal mb-1.5">
 								<button
 									class="px-1.5 py-1 cursor-pointer select-none basis-3/5"
 									on:click={() => setSortKey('filename')}
diff --git a/src/lib/components/layout/Overlay/AccountPending.svelte b/src/lib/components/layout/Overlay/AccountPending.svelte
index 84f74361f8..bb81b42186 100644
--- a/src/lib/components/layout/Overlay/AccountPending.svelte
+++ b/src/lib/components/layout/Overlay/AccountPending.svelte
@@ -25,7 +25,7 @@
 		<div class="m-auto pb-10 flex flex-col justify-center">
 			<div class="max-w-md">
 				<div
-					class="text-center dark:text-white text-2xl font-medium z-50"
+					class="text-center dark:text-white text-2xl font-normal z-50"
 					style="white-space: pre-wrap;"
 				>
 					{#if ($config?.ui?.pending_user_overlay_title ?? '').trim() !== ''}
@@ -52,14 +52,14 @@
 				</div>
 
 				{#if adminDetails}
-					<div class="mt-4 text-sm font-medium text-center">
+					<div class="mt-4 text-sm font-normal text-center">
 						<div>{$i18n.t('Admin')}: {adminDetails.name} ({adminDetails.email})</div>
 					</div>
 				{/if}
 
 				<div class=" mt-6 mx-auto relative group w-fit">
 					<button
-						class="relative z-20 flex px-5 py-2 rounded-full bg-white border border-gray-100 dark:border-none hover:bg-gray-100 text-gray-700 transition font-medium text-sm"
+						class="relative z-20 flex px-5 py-2 rounded-full bg-white border border-gray-100 dark:border-none hover:bg-gray-100 text-gray-700 transition font-normal text-sm"
 						on:click={async () => {
 							location.href = '/';
 						}}
diff --git a/src/lib/components/layout/SearchModal.svelte b/src/lib/components/layout/SearchModal.svelte
index 542abd0acb..9b61c639c0 100644
--- a/src/lib/components/layout/SearchModal.svelte
+++ b/src/lib/components/layout/SearchModal.svelte
@@ -544,7 +544,7 @@
 	}}
 >
 	<div class="text-sm text-gray-500 flex-1 line-clamp-3">
-		{$i18n.t('This will delete')} <span class="font-semibold">{menuChatTitle}</span>.
+		{$i18n.t('This will delete')} <span class="font-normal">{menuChatTitle}</span>.
 	</div>
 </DeleteConfirmDialog>
 
@@ -591,7 +591,7 @@
 			<div
 				class="flex flex-col overflow-y-auto h-96 md:h-[40rem] max-h-full scrollbar-hidden w-full flex-1 pr-2"
 			>
-				<div class="w-full text-xs text-gray-500 dark:text-gray-500 font-medium pb-2 px-2">
+				<div class="w-full text-xs text-gray-500 dark:text-gray-500 font-normal pb-2 px-2">
 					{$i18n.t('Actions')}
 				</div>
 
@@ -633,7 +633,7 @@
 					{#each chatList as chat, idx (chat.id)}
 						{#if idx === 0 || (idx > 0 && chat.time_range !== chatList[idx - 1].time_range)}
 							<div
-								class="w-full text-xs text-gray-500 dark:text-gray-500 font-medium {idx === 0
+								class="w-full text-xs text-gray-500 dark:text-gray-500 font-normal {idx === 0
 									? ''
 									: 'pt-4'} pb-1.5 px-2"
 							>
diff --git a/src/lib/components/layout/SharedChatsModal.svelte b/src/lib/components/layout/SharedChatsModal.svelte
index d505578683..65e79a5db7 100644
--- a/src/lib/components/layout/SharedChatsModal.svelte
+++ b/src/lib/components/layout/SharedChatsModal.svelte
@@ -155,9 +155,9 @@
 	{unshareHandler}
 >
 	<div slot="footer">
-		<div class="flex flex-wrap text-sm font-medium gap-1.5 mt-2 m-1 justify-end w-full">
+		<div class="flex flex-wrap text-sm font-normal gap-1.5 mt-2 m-1 justify-end w-full">
 			<button
-				class=" px-3.5 py-1.5 font-medium hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
+				class=" px-3.5 py-1.5 font-normal hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
 				disabled={loading}
 				on:click={() => {
 					showUnshareAllConfirmDialog = true;
diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index 0b0f620253..3250ce98f3 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -1050,7 +1050,7 @@
 				<a href="/" class="flex flex-1 px-0.5" on:click={newChatHandler}>
 					<div
 						id="sidebar-webui-name"
-						class=" self-center font-medium text-gray-850 dark:text-white font-primary"
+						class=" self-center font-normal text-gray-850 dark:text-white "
 					>
 						{$WEBUI_NAME}
 					</div>
@@ -1106,7 +1106,7 @@
 							</div>
 
 							<div class="flex flex-1 self-center translate-y-[0.5px]">
-								<div class=" self-center text-sm font-primary">{$i18n.t('New Chat')}</div>
+								<div class=" self-center text-sm ">{$i18n.t('New Chat')}</div>
 							</div>
 
 							<HotkeyHint name="newChat" className=" group-hover:visible invisible" />
@@ -1128,7 +1128,7 @@
 							</div>
 
 							<div class="flex flex-1 self-center translate-y-[0.5px]">
-								<div class=" self-center text-sm font-primary">{$i18n.t('Search')}</div>
+								<div class=" self-center text-sm ">{$i18n.t('Search')}</div>
 							</div>
 							<HotkeyHint name="search" className=" group-hover:visible invisible" />
 						</button>
@@ -1204,7 +1204,7 @@
 										</div>
 
 										<div class="flex self-center translate-y-[0.5px]">
-											<div class=" self-center text-sm font-primary">{$i18n.t(meta.label)}</div>
+											<div class=" self-center text-sm ">{$i18n.t(meta.label)}</div>
 										</div>
 									</a>
 								</div>
@@ -1500,7 +1500,7 @@
 								{#each $chats as chat, idx (`chat-${chat?.id ?? idx}`)}
 									{#if idx === 0 || (idx > 0 && chat.time_range !== $chats[idx - 1].time_range)}
 										<div
-											class="w-full pl-2.5 text-xs text-gray-500 dark:text-gray-500 font-medium {idx ===
+											class="w-full pl-2.5 text-xs text-gray-500 dark:text-gray-500 font-normal {idx ===
 											0
 												? ''
 												: 'pt-4'} pb-1"
@@ -1585,7 +1585,7 @@
 				<div
 					class=" sidebar-bg-gradient-to-t bg-linear-to-t from-gray-50 dark:from-gray-950 to-transparent from-50% pointer-events-none absolute inset-0 -z-10 -mt-6"
 				></div>
-				<div class="flex flex-col font-primary">
+				<div class="flex flex-col ">
 					{#if $user !== undefined && $user !== null}
 						<UserMenu
 							role={$user?.role}
@@ -1623,7 +1623,7 @@
 										</div>
 									{/if}
 								</div>
-								<div class=" self-center font-medium truncate">{$user?.name}</div>
+								<div class=" self-center font-normal truncate">{$user?.name}</div>
 							</button>
 						</UserMenu>
 					{/if}
diff --git a/src/lib/components/layout/Sidebar/ChannelItem.svelte b/src/lib/components/layout/Sidebar/ChannelItem.svelte
index e8cf1ff751..2550e877dc 100644
--- a/src/lib/components/layout/Sidebar/ChannelItem.svelte
+++ b/src/lib/components/layout/Sidebar/ChannelItem.svelte
@@ -78,7 +78,7 @@
 		.url.pathname === `/channels/${channel.id}`
 		? 'bg-gray-100 dark:bg-gray-900 selected'
 		: ''} {channel?.type === 'dm' ? 'px-1 py-[3px]' : 'p-1'}  {channel?.unread_count > 0
-		? 'font-medium dark:text-white text-black'
+		? 'font-normal dark:text-white text-black'
 		: ' dark:text-gray-400 text-gray-600'} cursor-pointer select-none"
 >
 	<a
@@ -191,7 +191,7 @@
 		<div class="flex items-center">
 			{#if channel?.unread_count > 0}
 				<div
-					class="text-xs py-[1px] px-2 rounded-xl bg-gray-100 text-black dark:bg-gray-800 dark:text-white font-medium whitespace-nowrap"
+					class="text-xs py-[1px] px-2 rounded-xl bg-gray-100 text-black dark:bg-gray-800 dark:text-white font-normal whitespace-nowrap"
 				>
 					{new Intl.NumberFormat($i18n.locale, {
 						notation: 'compact',
diff --git a/src/lib/components/layout/Sidebar/ChannelModal.svelte b/src/lib/components/layout/Sidebar/ChannelModal.svelte
index 4da7896be7..d70d226692 100644
--- a/src/lib/components/layout/Sidebar/ChannelModal.svelte
+++ b/src/lib/components/layout/Sidebar/ChannelModal.svelte
@@ -141,7 +141,7 @@
 <Modal size="md" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-1">
-			<div class=" text-lg font-medium self-center">
+			<div class=" text-lg font-normal self-center">
 				{#if edit}
 					{$i18n.t('Edit Channel')}
 				{:else}
@@ -275,10 +275,10 @@
 						</div>
 					{/if}
 
-					<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
+					<div class="flex justify-end pt-3 text-sm font-normal gap-1.5">
 						{#if edit}
 							<button
-								class="px-3.5 py-1.5 text-sm font-medium dark:bg-black dark:hover:bg-black/90 dark:text-white bg-white text-black hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
+								class="px-3.5 py-1.5 text-sm font-normal dark:bg-black dark:hover:bg-black/90 dark:text-white bg-white text-black hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
 								type="button"
 								on:click={() => {
 									showDeleteConfirmDialog = true;
@@ -289,7 +289,7 @@
 						{/if}
 
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/layout/Sidebar/ChatItem.svelte b/src/lib/components/layout/Sidebar/ChatItem.svelte
index 204fd7883e..58ccbcfb2d 100644
--- a/src/lib/components/layout/Sidebar/ChatItem.svelte
+++ b/src/lib/components/layout/Sidebar/ChatItem.svelte
@@ -427,7 +427,7 @@
 	}}
 >
 	<div class=" text-sm text-gray-500 flex-1 line-clamp-3">
-		{$i18n.t('This will delete')} <span class="  font-semibold">{title}</span>.
+		{$i18n.t('This will delete')} <span class="  font-normal">{title}</span>.
 	</div>
 </DeleteConfirmDialog>
 
@@ -562,7 +562,7 @@
 				<div
 					dir="auto"
 					class="text-left self-center overflow-hidden w-full h-[20px] truncate {unread
-						? 'font-medium text-gray-900 dark:text-gray-100'
+						? 'font-normal text-gray-900 dark:text-gray-100'
 						: ''}"
 				>
 					{title}
diff --git a/src/lib/components/layout/Sidebar/Folders/FolderModal.svelte b/src/lib/components/layout/Sidebar/Folders/FolderModal.svelte
index 73248a59c2..0baf71d86d 100644
--- a/src/lib/components/layout/Sidebar/Folders/FolderModal.svelte
+++ b/src/lib/components/layout/Sidebar/Folders/FolderModal.svelte
@@ -111,7 +111,7 @@
 <Modal size="md" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-1">
-			<div class=" text-lg font-medium self-center">
+			<div class=" text-lg font-normal self-center">
 				{#if edit}
 					{$i18n.t('Edit Folder')}
 				{:else}
@@ -240,9 +240,9 @@
 						</Knowledge>
 					</div>
 
-					<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
+					<div class="flex justify-end pt-3 text-sm font-normal gap-1.5">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/layout/Sidebar/Folders/FolderShareModal.svelte b/src/lib/components/layout/Sidebar/Folders/FolderShareModal.svelte
index 9558f9c11e..f4fd8d31ea 100644
--- a/src/lib/components/layout/Sidebar/Folders/FolderShareModal.svelte
+++ b/src/lib/components/layout/Sidebar/Folders/FolderShareModal.svelte
@@ -57,7 +57,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-3 pb-1">
-			<div class=" text-lg font-medium self-center font-primary">
+			<div class=" text-lg font-normal self-center ">
 				{$i18n.t('Share')}: {folder?.name ?? ''}
 			</div>
 			<button
diff --git a/src/lib/components/layout/Sidebar/PinnedModelItem.svelte b/src/lib/components/layout/Sidebar/PinnedModelItem.svelte
index 42340d9fbf..c45277a4ae 100644
--- a/src/lib/components/layout/Sidebar/PinnedModelItem.svelte
+++ b/src/lib/components/layout/Sidebar/PinnedModelItem.svelte
@@ -46,7 +46,7 @@
 			</div>
 
 			<div class="flex self-center translate-y-[0.5px]">
-				<div class=" self-center text-sm font-primary line-clamp-1">
+				<div class=" self-center text-sm  line-clamp-1">
 					{model?.name ?? model.id}
 				</div>
 			</div>
diff --git a/src/lib/components/layout/Sidebar/SearchInput.svelte b/src/lib/components/layout/Sidebar/SearchInput.svelte
index 3e07a1e2d7..e79e63f483 100644
--- a/src/lib/components/layout/Sidebar/SearchInput.svelte
+++ b/src/lib/components/layout/Sidebar/SearchInput.svelte
@@ -319,7 +319,7 @@
 		>
 			<div class="px-3 py-2.5 text-xs group">
 				{#if filteredItems.length > 0}
-					<div class="px-1 font-medium dark:text-gray-300 text-gray-700 mb-1 capitalize">
+					<div class="px-1 font-normal dark:text-gray-300 text-gray-700 mb-1 capitalize">
 						{selectedOption}
 					</div>
 
@@ -344,7 +344,7 @@
 									dispatch('input');
 								}}
 							>
-								<div class="dark:text-gray-300 text-gray-700 font-medium line-clamp-1 shrink-0">
+								<div class="dark:text-gray-300 text-gray-700 font-normal line-clamp-1 shrink-0">
 									{item.name}
 								</div>
 
@@ -355,7 +355,7 @@
 						{/each}
 					</div>
 				{:else if filteredOptions.length > 0}
-					<div class="px-1 font-medium dark:text-gray-300 text-gray-700 mb-1">
+					<div class="px-1 font-normal dark:text-gray-300 text-gray-700 mb-1">
 						{$i18n.t('Search options')}
 					</div>
 
@@ -380,7 +380,7 @@
 									dispatch('input');
 								}}
 							>
-								<div class="dark:text-gray-300 text-gray-700 font-medium">{option.name}</div>
+								<div class="dark:text-gray-300 text-gray-700 font-normal">{option.name}</div>
 
 								<div class=" text-gray-500 line-clamp-1">
 									{option.description}
diff --git a/src/lib/components/layout/Sidebar/SharedFolderItem.svelte b/src/lib/components/layout/Sidebar/SharedFolderItem.svelte
index 5baa5aa475..c6b9f5aa98 100644
--- a/src/lib/components/layout/Sidebar/SharedFolderItem.svelte
+++ b/src/lib/components/layout/Sidebar/SharedFolderItem.svelte
@@ -55,7 +55,7 @@
 	<!-- svelte-ignore a11y-no-static-element-interactions -->
 	<div class="w-full group">
 		<button
-			class="w-full py-1 flex items-center gap-1 text-xs text-left font-medium
+			class="w-full py-1 flex items-center gap-1 text-xs text-left font-normal
 				text-gray-600 dark:text-gray-400
 				hover:text-gray-900 dark:hover:text-gray-200
 				transition-colors duration-100 cursor-pointer"
diff --git a/src/lib/components/layout/Sidebar/UserMenu.svelte b/src/lib/components/layout/Sidebar/UserMenu.svelte
index 17de8557ba..fbca7cb782 100644
--- a/src/lib/components/layout/Sidebar/UserMenu.svelte
+++ b/src/lib/components/layout/Sidebar/UserMenu.svelte
@@ -653,7 +653,7 @@
 								<span class="">
 									{$i18n.t('Active Users')}:
 								</span>
-								<span class="font-medium">
+								<span class="font-normal">
 									{usage?.user_count}
 								</span>
 							</div>
diff --git a/src/lib/components/layout/Sidebar/UserStatusModal.svelte b/src/lib/components/layout/Sidebar/UserStatusModal.svelte
index 72994ffb74..2150a40c44 100644
--- a/src/lib/components/layout/Sidebar/UserStatusModal.svelte
+++ b/src/lib/components/layout/Sidebar/UserStatusModal.svelte
@@ -74,7 +74,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-1">
-			<div class=" text-lg font-medium self-center">
+			<div class=" text-lg font-normal self-center">
 				{$i18n.t('Set your status')}
 			</div>
 			<button
@@ -141,9 +141,9 @@
 						</div>
 					</div>
 
-					<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
+					<div class="flex justify-end pt-3 text-sm font-normal gap-1.5">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/layout/UpdateInfoToast.svelte b/src/lib/components/layout/UpdateInfoToast.svelte
index 7e41ad547d..8eaef3bc04 100644
--- a/src/lib/components/layout/UpdateInfoToast.svelte
+++ b/src/lib/components/layout/UpdateInfoToast.svelte
@@ -16,7 +16,7 @@
 <div
 	class="flex items-start bg-[#F1F8FE] dark:bg-[#020C1D] border border-[3371D5] dark:border-[#03113B] text-[#2B6CD4] dark:text-[#6795EC] rounded-lg px-3.5 py-3 text-xs max-w-80 pr-2 w-full shadow-lg"
 >
-	<div class="flex-1 font-medium">
+	<div class="flex-1 font-normal">
 		{$i18n.t(`A new version (v{{LATEST_VERSION}}) is now available.`, {
 			LATEST_VERSION: version.latest
 		})}
diff --git a/src/lib/components/notes/AIMenu.svelte b/src/lib/components/notes/AIMenu.svelte
index 8a70c4e1fc..b53b2cbd48 100644
--- a/src/lib/components/notes/AIMenu.svelte
+++ b/src/lib/components/notes/AIMenu.svelte
@@ -28,7 +28,7 @@
 	<slot />
 
 	<div slot="content">
-		<DropdownMenu className="min-w-[170px] font-primary">
+		<DropdownMenu className="min-w-[170px] ">
 			<button
 				class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] transition hover:text-gray-900 dark:hover:text-gray-100"
 				on:click={async () => {
diff --git a/src/lib/components/notes/NoteEditor.svelte b/src/lib/components/notes/NoteEditor.svelte
index 8d3d8785fd..1f0be0e682 100644
--- a/src/lib/components/notes/NoteEditor.svelte
+++ b/src/lib/components/notes/NoteEditor.svelte
@@ -907,7 +907,7 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 	}}
 >
 	<div class=" text-sm text-gray-500">
-		{$i18n.t('This will delete')} <span class="  font-semibold">{note.title}</span>.
+		{$i18n.t('This will delete')} <span class="  font-normal">{note.title}</span>.
 	</div>
 </DeleteConfirmDialog>
 
@@ -949,7 +949,7 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 							{/if}
 
 							<input
-								class="w-full text-2xl font-medium bg-transparent outline-hidden"
+								class="w-full text-2xl font-normal bg-transparent outline-hidden"
 								type="text"
 								bind:value={note.title}
 								placeholder={titleGenerating ? $i18n.t('Generating...') : $i18n.t('Title')}
@@ -1140,7 +1140,7 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 							}}
 						>
 							<div
-								class="flex gap-0.5 items-center text-xs font-medium text-gray-500 dark:text-gray-500 w-fit"
+								class="flex gap-0.5 items-center text-xs font-normal text-gray-500 dark:text-gray-500 w-fit"
 							>
 								<button class=" flex items-center gap-1 w-fit py-1 px-1.5 rounded-lg min-w-fit">
 									<!-- check for same date, yesterday, last week, and other -->
diff --git a/src/lib/components/notes/NoteEditor/Chat.svelte b/src/lib/components/notes/NoteEditor/Chat.svelte
index 80a54adc38..1f14c4cde2 100644
--- a/src/lib/components/notes/NoteEditor/Chat.svelte
+++ b/src/lib/components/notes/NoteEditor/Chat.svelte
@@ -342,7 +342,7 @@ Based on the user's instruction, update and enhance the existing notes or select
 		</button>
 	</div>
 
-	<div class=" font-medium text-base flex items-center gap-1">
+	<div class=" font-normal text-base flex items-center gap-1">
 		<div>
 			{$i18n.t('Chat')}
 		</div>
diff --git a/src/lib/components/notes/NoteEditor/Chat/Message.svelte b/src/lib/components/notes/NoteEditor/Chat/Message.svelte
index 1ead33c9ac..d9a352a630 100644
--- a/src/lib/components/notes/NoteEditor/Chat/Message.svelte
+++ b/src/lib/components/notes/NoteEditor/Chat/Message.svelte
@@ -22,7 +22,7 @@
 
 <div class="flex flex-col gap-1 group">
 	<div class="flex items-center justify-between pt-1">
-		<div class="py-1 text-sm font-semibold uppercase min-w-[6rem] text-left rounded-lg transition">
+		<div class="py-1 text-sm font-normal uppercase min-w-[6rem] text-left rounded-lg transition">
 			{$i18n.t(message.role)}
 		</div>
 
diff --git a/src/lib/components/notes/NoteEditor/Controls.svelte b/src/lib/components/notes/NoteEditor/Controls.svelte
index 3d80425f76..d6825712c7 100644
--- a/src/lib/components/notes/NoteEditor/Controls.svelte
+++ b/src/lib/components/notes/NoteEditor/Controls.svelte
@@ -29,7 +29,7 @@
 		</button>
 	</div>
 
-	<div class=" font-medium text-base flex items-center gap-1">
+	<div class=" font-normal text-base flex items-center gap-1">
 		<div>
 			{$i18n.t('Controls')}
 		</div>
@@ -39,7 +39,7 @@
 <div class="mt-1 px-1.5">
 	<div class="pb-10">
 		{#if files.length > 0}
-			<div class=" text-xs font-medium mb-2">{$i18n.t('Files')}</div>
+			<div class=" text-xs font-normal mb-2">{$i18n.t('Files')}</div>
 
 			<div class="flex flex-col gap-1">
 				{#each files.filter((file) => file.type !== 'image') as file, fileIdx}
@@ -87,7 +87,7 @@
 			<hr class="my-2 border-gray-50 dark:border-gray-700/10" />
 		{/if}
 
-		<div class=" text-xs font-medium mb-1">{$i18n.t('Model')}</div>
+		<div class=" text-xs font-normal mb-1">{$i18n.t('Model')}</div>
 
 		<div class="w-full">
 			<select class="w-full bg-transparent text-sm outline-hidden" bind:value={selectedModelId}>
diff --git a/src/lib/components/notes/Notes.svelte b/src/lib/components/notes/Notes.svelte
index 7aac84c70e..56c959791e 100644
--- a/src/lib/components/notes/Notes.svelte
+++ b/src/lib/components/notes/Notes.svelte
@@ -335,13 +335,13 @@
 			}}
 		>
 			<div class=" text-sm text-gray-500 truncate">
-				{$i18n.t('This will delete')} <span class="  font-semibold">{selectedNote.title}</span>.
+				{$i18n.t('This will delete')} <span class="  font-normal">{selectedNote.title}</span>.
 			</div>
 		</DeleteConfirmDialog>
 
 		<div class="flex flex-col gap-1 px-1 mt-1.5 mb-2">
 			<div class="flex justify-between items-center">
-				<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
+				<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
 					{#if $mobile}
 						<Tooltip content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}>
 							<button
@@ -362,14 +362,14 @@
 						{$i18n.t('Notes')}
 					</div>
 
-					<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+					<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 						{total ?? ''}
 					</div>
 				</div>
 
 				<div class="flex w-full justify-end gap-1.5">
 					<button
-						class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
+						class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-normal text-sm flex items-center"
 						on:click={async () => {
 							const res = await createNoteHandler(dayjs().format('YYYY-MM-DD'));
 
diff --git a/src/lib/components/notes/RecordMenu.svelte b/src/lib/components/notes/RecordMenu.svelte
index e7f6102ef8..1d24b212aa 100644
--- a/src/lib/components/notes/RecordMenu.svelte
+++ b/src/lib/components/notes/RecordMenu.svelte
@@ -29,7 +29,7 @@
 	<slot />
 
 	<div slot="content">
-		<DropdownMenu className="min-w-[170px] font-primary">
+		<DropdownMenu className="min-w-[170px] ">
 			<button
 				class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] transition hover:text-gray-900 dark:hover:text-gray-100"
 				on:click={async () => {
diff --git a/src/lib/components/playground/Chat.svelte b/src/lib/components/playground/Chat.svelte
index 9d3c134527..4e441c91f2 100644
--- a/src/lib/components/playground/Chat.svelte
+++ b/src/lib/components/playground/Chat.svelte
@@ -321,7 +321,7 @@
 <Modal size="sm" bind:show={showControls}>
 	<div class="text-gray-700 dark:text-gray-100">
 		<div class="flex justify-between px-4.5 pt-4.5 pb-2">
-			<div class="text-lg font-medium self-center">{$i18n.t('Controls')}</div>
+			<div class="text-lg font-normal self-center">{$i18n.t('Controls')}</div>
 			<button
 				class="self-center"
 				aria-label={$i18n.t('Close')}
@@ -349,7 +349,7 @@
 					grow={true}
 				>
 					<div class="flex gap-2 justify-between items-center">
-						<div class=" shrink-0 font-medium ml-1.5">
+						<div class=" shrink-0 font-normal ml-1.5">
 							{$i18n.t('System Instructions')}
 						</div>
 
@@ -388,7 +388,7 @@
 
 				<Dropdown>
 					<button
-						class="p-1.5 text-sm font-medium bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-500 dark:text-gray-400 transition rounded-lg"
+						class="p-1.5 text-sm font-normal bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-500 dark:text-gray-400 transition rounded-lg"
 						aria-label={$i18n.t('More options')}
 					>
 						<EllipsisHorizontal className="size-3.5" />
@@ -473,7 +473,7 @@
 						<div class="shrink-0">
 							<button
 								type="button"
-								class="px-3.5 py-1.5 text-sm font-medium bg-gray-50 hover:bg-gray-100 text-gray-900 dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-gray-200 transition rounded-lg shrink-0 {($settings?.highContrastMode ??
+								class="px-3.5 py-1.5 text-sm font-normal bg-gray-50 hover:bg-gray-100 text-gray-900 dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-gray-200 transition rounded-lg shrink-0 {($settings?.highContrastMode ??
 								false)
 									? ''
 									: 'outline-hidden'}"
@@ -508,7 +508,7 @@
 							</div>
 
 							<button
-								class="p-1.5 text-sm font-medium bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 transition rounded-lg {showControls
+								class="p-1.5 text-sm font-normal bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 transition rounded-lg {showControls
 									? 'text-black dark:text-white'
 									: 'text-gray-500 dark:text-gray-400'}"
 								aria-label={$i18n.t('Controls')}
@@ -524,7 +524,7 @@
 								{#if !loading}
 									<button
 										disabled={message === ''}
-										class="px-3.5 py-1.5 text-sm font-medium disabled:bg-gray-50 dark:disabled:hover:bg-gray-850 disabled:cursor-not-allowed bg-gray-50 hover:bg-gray-100 text-gray-900 dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-gray-200 transition rounded-lg"
+										class="px-3.5 py-1.5 text-sm font-normal disabled:bg-gray-50 dark:disabled:hover:bg-gray-850 disabled:cursor-not-allowed bg-gray-50 hover:bg-gray-100 text-gray-900 dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-gray-200 transition rounded-lg"
 										on:click={() => {
 											addHandler();
 											role = role === 'user' ? 'assistant' : 'user';
@@ -534,7 +534,7 @@
 									</button>
 
 									<button
-										class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-lg"
+										class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-lg"
 										on:click={() => {
 											submitHandler();
 										}}
@@ -543,7 +543,7 @@
 									</button>
 								{:else}
 									<button
-										class="px-3 py-1.5 text-sm font-medium bg-gray-300 text-black transition rounded-lg"
+										class="px-3 py-1.5 text-sm font-normal bg-gray-300 text-black transition rounded-lg"
 										on:click={() => {
 											stopResponse();
 										}}
diff --git a/src/lib/components/playground/Chat/Message.svelte b/src/lib/components/playground/Chat/Message.svelte
index 2485957da4..1fbb7ab9c5 100644
--- a/src/lib/components/playground/Chat/Message.svelte
+++ b/src/lib/components/playground/Chat/Message.svelte
@@ -19,7 +19,7 @@
 <div class="flex gap-2 group">
 	<div class="flex items-start pt-1">
 		<div
-			class="px-2 py-1 text-sm font-semibold uppercase min-w-[6rem] text-left rounded-lg transition"
+			class="px-2 py-1 text-sm font-normal uppercase min-w-[6rem] text-left rounded-lg transition"
 		>
 			{$i18n.t(message.role)}
 		</div>
diff --git a/src/lib/components/playground/Completions.svelte b/src/lib/components/playground/Completions.svelte
index e69aae35da..2df15e6f10 100644
--- a/src/lib/components/playground/Completions.svelte
+++ b/src/lib/components/playground/Completions.svelte
@@ -154,7 +154,7 @@
 				<div class="flex gap-2 shrink-0 ml-2">
 					{#if !loading}
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-lg"
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-lg"
 							on:click={() => {
 								submitHandler();
 							}}
@@ -163,7 +163,7 @@
 						</button>
 					{:else}
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-gray-300 text-black transition rounded-lg flex items-center gap-2"
+							class="px-3.5 py-1.5 text-sm font-normal bg-gray-300 text-black transition rounded-lg flex items-center gap-2"
 							on:click={() => {
 								stopResponse();
 							}}
diff --git a/src/lib/components/playground/Images.svelte b/src/lib/components/playground/Images.svelte
index f61a3fe4ed..6992564654 100644
--- a/src/lib/components/playground/Images.svelte
+++ b/src/lib/components/playground/Images.svelte
@@ -244,7 +244,7 @@
 							/>
 							<button
 								type="button"
-								class="px-3.5 py-1.5 text-sm font-medium bg-gray-50 hover:bg-gray-100 text-gray-900 dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-gray-200 transition rounded-lg"
+								class="px-3.5 py-1.5 text-sm font-normal bg-gray-50 hover:bg-gray-100 text-gray-900 dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-gray-200 transition rounded-lg"
 								on:click={() => fileInputElement?.click()}
 								on:dragover|preventDefault
 								on:drop={handleDrop}
@@ -257,14 +257,14 @@
 							{#if !loading}
 								<button
 									disabled={prompt.trim() === ''}
-									class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-lg disabled:opacity-50 disabled:cursor-not-allowed"
+									class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-lg disabled:opacity-50 disabled:cursor-not-allowed"
 									on:click={submitHandler}
 								>
 									{$i18n.t('Run')}
 								</button>
 							{:else}
 								<button
-									class="px-3.5 py-1.5 text-sm font-medium bg-gray-300 text-black transition rounded-lg flex items-center gap-2"
+									class="px-3.5 py-1.5 text-sm font-normal bg-gray-300 text-black transition rounded-lg flex items-center gap-2"
 									disabled
 								>
 									<Spinner className="size-4" />
diff --git a/src/lib/components/workspace/Knowledge.svelte b/src/lib/components/workspace/Knowledge.svelte
index abe06824c7..b979c30966 100644
--- a/src/lib/components/workspace/Knowledge.svelte
+++ b/src/lib/components/workspace/Knowledge.svelte
@@ -190,19 +190,19 @@
 
 	<div class="flex flex-col gap-1 px-1 mt-1.5 mb-2">
 		<div class="flex justify-between items-center">
-			<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
+			<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
 				<div>
 					{$i18n.t('Knowledge')}
 				</div>
 
-				<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+				<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 					{total}
 				</div>
 			</div>
 
 			<div class="flex w-full justify-end gap-1.5">
 				<a
-					class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
+					class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-normal text-sm flex items-center"
 					href="/workspace/knowledge/create"
 				>
 					<Plus className="size-3" strokeWidth="2.5" />
@@ -350,7 +350,7 @@
 									<div class=" flex items-center gap-1 justify-between px-1.5">
 										<Tooltip content={item?.description ?? item.name}>
 											<div class=" flex items-center gap-2">
-												<div class=" text-sm font-medium line-clamp-1 capitalize">{item.name}</div>
+												<div class=" text-sm font-normal line-clamp-1 capitalize">{item.name}</div>
 											</div>
 										</Tooltip>
 
@@ -401,7 +401,7 @@
 				<div class=" w-full h-full flex flex-col justify-center items-center my-16 mb-24">
 					<div class="max-w-md text-center">
 						<div class=" text-3xl mb-3">😕</div>
-						<div class=" text-lg font-medium mb-1">{$i18n.t('No knowledge found')}</div>
+						<div class=" text-lg font-normal mb-1">{$i18n.t('No knowledge found')}</div>
 						<div class=" text-gray-500 text-center text-xs">
 							{$i18n.t('Try adjusting your search or filter to find what you are looking for.')}
 						</div>
diff --git a/src/lib/components/workspace/Knowledge/CreateKnowledgeBase.svelte b/src/lib/components/workspace/Knowledge/CreateKnowledgeBase.svelte
index 88d68cacee..90b891cbbf 100644
--- a/src/lib/components/workspace/Knowledge/CreateKnowledgeBase.svelte
+++ b/src/lib/components/workspace/Knowledge/CreateKnowledgeBase.svelte
@@ -64,7 +64,7 @@
 				/>
 			</svg>
 		</div>
-		<div class=" self-center font-medium text-sm">{$i18n.t('Back')}</div>
+		<div class=" self-center font-normal text-sm">{$i18n.t('Back')}</div>
 	</button>
 
 	<form
@@ -74,7 +74,7 @@
 		}}
 	>
 		<div class=" w-full flex flex-col justify-center">
-			<div class=" text-2xl font-medium font-primary mb-2.5">
+			<div class=" text-2xl font-normal  mb-2.5">
 				{$i18n.t('Create a knowledge base')}
 			</div>
 
@@ -129,7 +129,7 @@
 					type="submit"
 					disabled={loading}
 				>
-					<div class=" self-center font-medium">{$i18n.t('Create Knowledge')}</div>
+					<div class=" self-center font-normal">{$i18n.t('Create Knowledge')}</div>
 
 					{#if loading}
 						<div class="ml-1.5 self-center">
diff --git a/src/lib/components/workspace/Knowledge/KnowledgeBase.svelte b/src/lib/components/workspace/Knowledge/KnowledgeBase.svelte
index 2fdcf6f029..f4b93707fd 100644
--- a/src/lib/components/workspace/Knowledge/KnowledgeBase.svelte
+++ b/src/lib/components/workspace/Knowledge/KnowledgeBase.svelte
@@ -1273,7 +1273,7 @@
 								>
 									<LockClosed strokeWidth="2.5" className="size-3.5" />
 
-									<div class="text-sm font-medium shrink-0">
+									<div class="text-sm font-normal shrink-0">
 										{$i18n.t('Access')}
 									</div>
 								</button>
@@ -1358,7 +1358,7 @@
 					</div>
 
 					<div class="flex flex-col gap-2">
-						<div class="font-medium text-sm">{$i18n.t('Test Query')}</div>
+						<div class="font-normal text-sm">{$i18n.t('Test Query')}</div>
 						<div class="flex gap-2">
 							<input
 								class="w-full text-sm rounded-xl bg-gray-50 dark:bg-gray-850 px-3 py-2 outline-hidden"
@@ -1376,7 +1376,7 @@
 
 					{#if externalTestResult}
 						<div class="rounded-xl bg-gray-50 dark:bg-gray-850 p-3 text-xs">
-							<div class="font-medium mb-2">{$i18n.t('Preview')}</div>
+							<div class="font-normal mb-2">{$i18n.t('Preview')}</div>
 							{#each externalTestResult.documents ?? [] as document, idx}
 								<div class="border-t border-gray-100 dark:border-gray-800 py-2">
 									<div class="line-clamp-4">{document}</div>
diff --git a/src/lib/components/workspace/Knowledge/KnowledgeBase/NewDirectoryModal.svelte b/src/lib/components/workspace/Knowledge/KnowledgeBase/NewDirectoryModal.svelte
index c556eee8e8..a1b171f70a 100644
--- a/src/lib/components/workspace/Knowledge/KnowledgeBase/NewDirectoryModal.svelte
+++ b/src/lib/components/workspace/Knowledge/KnowledgeBase/NewDirectoryModal.svelte
@@ -32,7 +32,7 @@
 	<div>
 		<!-- Header -->
 		<div class="flex justify-between items-center dark:text-gray-100 px-5 pt-4 pb-2">
-			<h3 class="text-base font-medium">{$i18n.t('New Directory')}</h3>
+			<h3 class="text-base font-normal">{$i18n.t('New Directory')}</h3>
 			<button
 				class="self-center shrink-0 ml-2"
 				aria-label={$i18n.t('Close')}
@@ -47,7 +47,7 @@
 			<div>
 				<div class="mb-1 text-xs text-gray-500">{$i18n.t('Name')}</div>
 				<input
-					class="w-full text-sm bg-transparent outline-hidden font-primary placeholder:text-gray-300 dark:placeholder:text-gray-700"
+					class="w-full text-sm bg-transparent outline-hidden  placeholder:text-gray-300 dark:placeholder:text-gray-700"
 					type="text"
 					bind:value={name}
 					placeholder={$i18n.t('Directory name')}
diff --git a/src/lib/components/workspace/Models.svelte b/src/lib/components/workspace/Models.svelte
index f9ca06b242..ba05f88573 100644
--- a/src/lib/components/workspace/Models.svelte
+++ b/src/lib/components/workspace/Models.svelte
@@ -434,12 +434,12 @@
 			}}
 		/>
 		<div class="flex justify-between items-center">
-			<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
+			<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
 				<div>
 					{$i18n.t('Models')}
 				</div>
 
-				<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+				<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 					{total}
 				</div>
 			</div>
@@ -452,7 +452,7 @@
 							modelsImportInputElement.click();
 						}}
 					>
-						<div class=" self-center font-medium line-clamp-1">
+						<div class=" self-center font-normal line-clamp-1">
 							{$i18n.t('Import')}
 						</div>
 					</button>
@@ -465,13 +465,13 @@
 							downloadModels(models);
 						}}
 					>
-						<div class=" self-center font-medium line-clamp-1">
+						<div class=" self-center font-normal line-clamp-1">
 							{$i18n.t('Export')}
 						</div>
 					</button>
 				{/if}
 				<a
-					class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
+					class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-normal text-sm flex items-center"
 					href="/workspace/models/create"
 				>
 					<Plus className="size-3" strokeWidth="2.5" />
@@ -662,7 +662,7 @@
 											<div class="flex items-center justify-between w-full">
 												<Tooltip content={model.name} className=" w-fit" placement="top-start">
 													<a
-														class=" font-medium line-clamp-1 hover:underline capitalize"
+														class=" font-normal line-clamp-1 hover:underline capitalize"
 														href={`/?models=${encodeURIComponent(model.id)}`}
 													>
 														{model.name}
@@ -834,7 +834,7 @@
 				<div class=" w-full h-full flex flex-col justify-center items-center my-16 mb-24">
 					<div class="max-w-md text-center">
 						<div class=" text-3xl mb-3">😕</div>
-						<div class=" text-lg font-medium mb-1">{$i18n.t('No models found')}</div>
+						<div class=" text-lg font-normal mb-1">{$i18n.t('No models found')}</div>
 						<div class=" text-gray-500 text-center text-xs">
 							{$i18n.t('Try adjusting your search or filter to find what you are looking for.')}
 						</div>
diff --git a/src/lib/components/workspace/Models/BuiltinTools.svelte b/src/lib/components/workspace/Models/BuiltinTools.svelte
index 83dab2890d..cf921a933d 100644
--- a/src/lib/components/workspace/Models/BuiltinTools.svelte
+++ b/src/lib/components/workspace/Models/BuiltinTools.svelte
@@ -68,7 +68,7 @@
 
 <div>
 	<div class="flex w-full justify-between mb-1">
-		<div class="self-center text-xs font-medium text-gray-500">{$i18n.t('Builtin Tools')}</div>
+		<div class="self-center text-xs font-normal text-gray-500">{$i18n.t('Builtin Tools')}</div>
 	</div>
 	<div class="flex items-center mt-2 flex-wrap">
 		{#each allTools as tool}
diff --git a/src/lib/components/workspace/Models/Capabilities.svelte b/src/lib/components/workspace/Models/Capabilities.svelte
index 627a1b0b3f..6fe099c09c 100644
--- a/src/lib/components/workspace/Models/Capabilities.svelte
+++ b/src/lib/components/workspace/Models/Capabilities.svelte
@@ -84,7 +84,7 @@
 
 <div>
 	<div class="flex w-full justify-between mb-1">
-		<div class=" self-center text-xs font-medium text-gray-500">{$i18n.t('Capabilities')}</div>
+		<div class=" self-center text-xs font-normal text-gray-500">{$i18n.t('Capabilities')}</div>
 	</div>
 	<div class="flex items-center mt-2 flex-wrap">
 		{#each visibleCapabilities as capability}
diff --git a/src/lib/components/workspace/Models/DefaultFeatures.svelte b/src/lib/components/workspace/Models/DefaultFeatures.svelte
index 7da1d5b99c..cfee967d24 100644
--- a/src/lib/components/workspace/Models/DefaultFeatures.svelte
+++ b/src/lib/components/workspace/Models/DefaultFeatures.svelte
@@ -27,7 +27,7 @@
 
 <div>
 	<div class="flex w-full justify-between mb-1">
-		<div class=" self-center text-xs font-medium text-gray-500">{$i18n.t('Default Features')}</div>
+		<div class=" self-center text-xs font-normal text-gray-500">{$i18n.t('Default Features')}</div>
 	</div>
 	<div class="flex items-center mt-2 flex-wrap">
 		{#each availableFeatures as feature}
diff --git a/src/lib/components/workspace/Models/ModelEditor.svelte b/src/lib/components/workspace/Models/ModelEditor.svelte
index 55ecd0c15b..8f38b0b428 100644
--- a/src/lib/components/workspace/Models/ModelEditor.svelte
+++ b/src/lib/components/workspace/Models/ModelEditor.svelte
@@ -443,7 +443,7 @@
 					/>
 				</svg>
 			</div>
-			<div class=" self-center text-sm font-medium">{$i18n.t('Back')}</div>
+			<div class=" self-center text-sm font-normal">{$i18n.t('Back')}</div>
 		</button>
 	{/if}
 
@@ -636,7 +636,7 @@
 									>
 										<LockClosed strokeWidth="2.5" className="size-3.5 shrink-0" />
 
-										<div class="text-sm font-medium shrink-0">
+										<div class="text-sm font-normal shrink-0">
 											{$i18n.t('Access')}
 										</div>
 									</button>
@@ -645,7 +645,7 @@
 
 							{#if preset}
 								<div class="mb-1">
-									<div class=" text-xs font-medium mb-1 text-gray-500">
+									<div class=" text-xs font-normal mb-1 text-gray-500">
 										{$i18n.t('Base Model (From)')}
 									</div>
 
@@ -666,7 +666,7 @@
 
 							<div class="mb-1">
 								<div class="mb-1 flex w-full justify-between items-center">
-									<div class=" self-center text-xs font-medium text-gray-500">
+									<div class=" self-center text-xs font-normal text-gray-500">
 										{$i18n.t('Description')}
 									</div>
 
@@ -723,14 +723,14 @@
 
 					<div class="my-2">
 						<div class="flex w-full justify-between">
-							<div class=" self-center text-xs font-medium text-gray-500">
+							<div class=" self-center text-xs font-normal text-gray-500">
 								{$i18n.t('Model Params')}
 							</div>
 						</div>
 
 						<div class="mt-2">
 							<div class="my-1">
-								<div class=" text-xs font-medium mb-2">{$i18n.t('System Prompt')}</div>
+								<div class=" text-xs font-normal mb-2">{$i18n.t('System Prompt')}</div>
 								<div>
 									<Textarea
 										className=" text-sm w-full bg-transparent outline-hidden resize-none overflow-y-hidden "
@@ -744,7 +744,7 @@
 							</div>
 
 							<div class="flex w-full justify-between">
-								<div class=" self-center text-xs font-medium">
+								<div class=" self-center text-xs font-normal">
 									{$i18n.t('Advanced Params')}
 								</div>
 
@@ -776,7 +776,7 @@
 					<div class="my-2">
 						<div class="flex w-full justify-between items-center">
 							<div class="flex w-full justify-between items-center">
-								<div class=" self-center text-xs font-medium text-gray-500">
+								<div class=" self-center text-xs font-normal text-gray-500">
 									{$i18n.t('Prompts')}
 								</div>
 
@@ -890,7 +890,7 @@
 
 					<div class="my-4">
 						<div class="flex w-full justify-between mb-1">
-							<div class="self-center text-xs font-medium text-gray-500">
+							<div class="self-center text-xs font-normal text-gray-500">
 								{$i18n.t('TTS Voice')}
 							</div>
 						</div>
@@ -911,7 +911,7 @@
 							type="submit"
 							disabled={loading}
 						>
-							<div class=" self-center font-medium">
+							<div class=" self-center font-normal">
 								{#if edit}
 									{$i18n.t('Save & Update')}
 								{:else}
@@ -929,7 +929,7 @@
 
 					<div class="my-2 text-gray-300 dark:text-gray-700 pb-20">
 						<div class="flex w-full justify-between mb-2">
-							<div class=" self-center text-sm font-medium">{$i18n.t('JSON Preview')}</div>
+							<div class=" self-center text-sm font-normal">{$i18n.t('JSON Preview')}</div>
 
 							<button
 								class="p-1 px-3 text-xs flex rounded-sm transition"
diff --git a/src/lib/components/workspace/Models/PromptSuggestions.svelte b/src/lib/components/workspace/Models/PromptSuggestions.svelte
index 12202b7ef7..732a50090f 100644
--- a/src/lib/components/workspace/Models/PromptSuggestions.svelte
+++ b/src/lib/components/workspace/Models/PromptSuggestions.svelte
@@ -84,7 +84,7 @@
 					}
 				}}
 			>
-				<div class=" self-center font-medium line-clamp-1">
+				<div class=" self-center font-normal line-clamp-1">
 					{$i18n.t('Import')}
 				</div>
 			</button>
@@ -100,14 +100,14 @@
 						saveAs(blob, `prompt-suggestions-export-${Date.now()}.json`);
 					}}
 				>
-					<div class=" self-center font-medium line-clamp-1">
+					<div class=" self-center font-normal line-clamp-1">
 						{$i18n.t('Export')}
 					</div>
 				</button>
 			{/if}
 
 			<button
-				class=" px-1.5 rounded-xl transition font-medium text-sm flex items-center"
+				class=" px-1.5 rounded-xl transition font-normal text-sm flex items-center"
 				type="button"
 				on:click={() => {
 					if (promptSuggestions.length === 0 || promptSuggestions.at(-1).content !== '') {
diff --git a/src/lib/components/workspace/Models/TerminalSelector.svelte b/src/lib/components/workspace/Models/TerminalSelector.svelte
index 501ec25d3f..985c404817 100644
--- a/src/lib/components/workspace/Models/TerminalSelector.svelte
+++ b/src/lib/components/workspace/Models/TerminalSelector.svelte
@@ -15,7 +15,7 @@
 
 {#if terminals.length > 0}
 	<div class="flex w-full justify-between mb-1">
-		<div class="self-center text-xs font-medium text-gray-500">{$i18n.t('Terminal')}</div>
+		<div class="self-center text-xs font-normal text-gray-500">{$i18n.t('Terminal')}</div>
 	</div>
 
 	<select
diff --git a/src/lib/components/workspace/Prompts.svelte b/src/lib/components/workspace/Prompts.svelte
index 02089fa266..973945b1ee 100644
--- a/src/lib/components/workspace/Prompts.svelte
+++ b/src/lib/components/workspace/Prompts.svelte
@@ -227,7 +227,7 @@
 		}}
 	>
 		<div class=" text-sm text-gray-500 truncate">
-			{$i18n.t('This will delete')} <span class="  font-medium">{deletePrompt.command}</span>.
+			{$i18n.t('This will delete')} <span class="  font-normal">{deletePrompt.command}</span>.
 		</div>
 	</DeleteConfirmDialog>
 
@@ -272,12 +272,12 @@
 			}}
 		/>
 		<div class="flex justify-between items-center">
-			<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
+			<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
 				<div>
 					{$i18n.t('Prompts')}
 				</div>
 
-				<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+				<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 					{total ?? ''}
 				</div>
 			</div>
@@ -290,7 +290,7 @@
 							promptsImportInputElement.click();
 						}}
 					>
-						<div class=" self-center font-medium line-clamp-1">
+						<div class=" self-center font-normal line-clamp-1">
 							{$i18n.t('Import')}
 						</div>
 					</button>
@@ -306,13 +306,13 @@
 							saveAs(blob, `prompts-export-${Date.now()}.json`);
 						}}
 					>
-						<div class=" self-center font-medium line-clamp-1">
+						<div class=" self-center font-normal line-clamp-1">
 							{$i18n.t('Export')}
 						</div>
 					</button>
 				{/if}
 				<a
-					class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
+					class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-normal text-sm flex items-center"
 					href="/workspace/prompts/create"
 				>
 					<Plus className="size-3" strokeWidth="2.5" />
@@ -402,7 +402,7 @@
 						<div class=" flex flex-col flex-1 space-x-4 cursor-pointer w-full pl-1">
 							<div class="flex items-center justify-between w-full mb-0.5">
 								<div class="flex items-center gap-2">
-									<div class="font-medium line-clamp-1 capitalize">{prompt.name}</div>
+									<div class="font-normal line-clamp-1 capitalize">{prompt.name}</div>
 									<div class="text-xs overflow-hidden text-ellipsis line-clamp-1 text-gray-500">
 										/{prompt.command}
 									</div>
@@ -525,7 +525,7 @@
 			<div class=" w-full h-full flex flex-col justify-center items-center my-16 mb-24">
 				<div class="max-w-md text-center">
 					<div class=" text-3xl mb-3">😕</div>
-					<div class=" text-lg font-medium mb-1">{$i18n.t('No prompts found')}</div>
+					<div class=" text-lg font-normal mb-1">{$i18n.t('No prompts found')}</div>
 					<div class=" text-gray-500 text-center text-xs">
 						{$i18n.t('Try adjusting your search or filter to find what you are looking for.')}
 					</div>
diff --git a/src/lib/components/workspace/Prompts/PromptEditor.svelte b/src/lib/components/workspace/Prompts/PromptEditor.svelte
index 5a2cf1389b..0647617544 100644
--- a/src/lib/components/workspace/Prompts/PromptEditor.svelte
+++ b/src/lib/components/workspace/Prompts/PromptEditor.svelte
@@ -304,7 +304,7 @@
 <Modal size="lg" bind:show={showEditModal}>
 	<div class="px-5 pt-4 pb-5">
 		<div class="flex justify-between items-center mb-2">
-			<div class="text-lg font-medium">{$i18n.t('Edit Prompt')}</div>
+			<div class="text-lg font-normal">{$i18n.t('Edit Prompt')}</div>
 			<button
 				class="p-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg"
 				aria-label={$i18n.t('Close')}
@@ -363,7 +363,7 @@
 						type="submit"
 						disabled={loading}
 					>
-						<div class="font-medium">{$i18n.t('Save')}</div>
+						<div class="font-normal">{$i18n.t('Save')}</div>
 						{#if loading}
 							<div class="ml-1.5">
 								<Spinner />
@@ -406,7 +406,7 @@
 				<div class="flex items-center gap-2 shrink-0 justify-end">
 					{#if !disabled}
 						<button
-							class="px-4 py-1 text-sm font-medium bg-black text-white dark:bg-white dark:text-black rounded-full hover:opacity-90 transition shadow-xs"
+							class="px-4 py-1 text-sm font-normal bg-black text-white dark:bg-white dark:text-black rounded-full hover:opacity-90 transition shadow-xs"
 							on:click={() => (showEditModal = true)}
 						>
 							{$i18n.t('Edit')}
@@ -555,7 +555,7 @@
 									on:click={() => (showAccessControlModal = true)}
 								>
 									<LockClosed strokeWidth="2.5" className="size-3.5" />
-									<div class="text-sm font-medium shrink-0">{$i18n.t('Access')}</div>
+									<div class="text-sm font-normal shrink-0">{$i18n.t('Access')}</div>
 								</button>
 							</div>
 						</div>
@@ -598,7 +598,7 @@
 					/>
 					<div class="text-xs text-gray-400 dark:text-gray-500">
 						ⓘ {$i18n.t('Use')}
-						<span class="font-medium text-gray-600 dark:text-gray-300"
+						<span class="font-normal text-gray-600 dark:text-gray-300"
 							>{'{{'}{$i18n.t('variable')}{'}}'}</span
 						>
 						{$i18n.t('for placeholders')}
@@ -612,7 +612,7 @@
 					type="submit"
 					disabled={loading}
 				>
-					<div class="font-medium">{$i18n.t('Save & Create')}</div>
+					<div class="font-normal">{$i18n.t('Save & Create')}</div>
 					{#if loading}
 						<div class="ml-1.5">
 							<Spinner />
diff --git a/src/lib/components/workspace/Skills.svelte b/src/lib/components/workspace/Skills.svelte
index 4e089e47e1..d14b83daea 100644
--- a/src/lib/components/workspace/Skills.svelte
+++ b/src/lib/components/workspace/Skills.svelte
@@ -186,12 +186,12 @@
 {#if loaded}
 	<div class="flex flex-col gap-1 px-1 mt-1.5 mb-2">
 		<div class="flex justify-between items-center">
-			<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
+			<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
 				<div>
 					{$i18n.t('Skills')}
 				</div>
 
-				<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+				<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 					{total ?? ''}
 				</div>
 			</div>
@@ -270,7 +270,7 @@
 							importInputElement.click();
 						}}
 					>
-						<div class=" self-center font-medium line-clamp-1">
+						<div class=" self-center font-normal line-clamp-1">
 							{$i18n.t('Import')}
 						</div>
 					</button>
@@ -292,7 +292,7 @@
 							}
 						}}
 					>
-						<div class=" self-center font-medium line-clamp-1">
+						<div class=" self-center font-normal line-clamp-1">
 							{$i18n.t('Export')}
 						</div>
 					</button>
@@ -300,7 +300,7 @@
 
 				{#if $user?.role === 'admin' || $user?.permissions?.workspace?.skills}
 					<a
-						class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
+						class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-normal text-sm flex items-center"
 						href="/workspace/skills/create"
 					>
 						<Plus className="size-3" strokeWidth="2.5" />
@@ -518,7 +518,7 @@
 			<div class=" w-full h-full flex flex-col justify-center items-center my-16 mb-24">
 				<div class="max-w-md text-center">
 					<div class=" text-3xl mb-3">📝</div>
-					<div class=" text-lg font-medium mb-1">{$i18n.t('No skills found')}</div>
+					<div class=" text-lg font-normal mb-1">{$i18n.t('No skills found')}</div>
 					<div class=" text-gray-500 text-center text-xs">
 						{$i18n.t('Try adjusting your search or filter to find what you are looking for.')}
 					</div>
@@ -535,7 +535,7 @@
 		}}
 	>
 		<div class=" text-sm text-gray-500 truncate">
-			{$i18n.t('This will delete')} <span class="  font-medium">{selectedSkill.name}</span>.
+			{$i18n.t('This will delete')} <span class="  font-normal">{selectedSkill.name}</span>.
 		</div>
 	</DeleteConfirmDialog>
 {:else}
diff --git a/src/lib/components/workspace/Skills/SkillEditor.svelte b/src/lib/components/workspace/Skills/SkillEditor.svelte
index 79c0158229..d7d4696900 100644
--- a/src/lib/components/workspace/Skills/SkillEditor.svelte
+++ b/src/lib/components/workspace/Skills/SkillEditor.svelte
@@ -141,7 +141,7 @@
 								>
 									<LockClosed strokeWidth="2.5" className="size-3.5" />
 
-									<div class="text-sm font-medium shrink-0">
+									<div class="text-sm font-normal shrink-0">
 										{$i18n.t('Access')}
 									</div>
 								</button>
@@ -220,7 +220,7 @@
 				<div class="pb-3 flex justify-end">
 					{#if !disabled}
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap"
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap"
 							type="submit"
 							disabled={loading}
 						>
diff --git a/src/lib/components/workspace/Tools.svelte b/src/lib/components/workspace/Tools.svelte
index da4a4bf7bc..bd7b2cdc23 100644
--- a/src/lib/components/workspace/Tools.svelte
+++ b/src/lib/components/workspace/Tools.svelte
@@ -235,12 +235,12 @@
 		/>
 
 		<div class="flex justify-between items-center">
-			<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
+			<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
 				<div>
 					{$i18n.t('Tools')}
 				</div>
 
-				<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+				<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 					{filteredItems.length}
 				</div>
 			</div>
@@ -253,7 +253,7 @@
 							toolsImportInputElement.click();
 						}}
 					>
-						<div class=" self-center font-medium line-clamp-1">
+						<div class=" self-center font-normal line-clamp-1">
 							{$i18n.t('Import')}
 						</div>
 					</button>
@@ -276,7 +276,7 @@
 							}
 						}}
 					>
-						<div class=" self-center font-medium line-clamp-1">
+						<div class=" self-center font-normal line-clamp-1">
 							{$i18n.t('Export')}
 						</div>
 					</button>
@@ -292,7 +292,7 @@
 						}}
 					>
 						<div
-							class="cursor-pointer px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
+							class="cursor-pointer px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-normal text-sm flex items-center"
 						>
 							<Plus className="size-3" strokeWidth="2.5" />
 
@@ -301,7 +301,7 @@
 					</AddToolMenu>
 				{:else}
 					<a
-						class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
+						class=" px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-normal text-sm flex items-center"
 						href="/workspace/tools/create"
 					>
 						<Plus className="size-3" strokeWidth="2.5" />
@@ -391,7 +391,7 @@
 														{tool.name}
 													</div>
 													{#if tool?.meta?.manifest?.version}
-														<div class=" text-gray-500 text-xs font-medium shrink-0">
+														<div class=" text-gray-500 text-xs font-normal shrink-0">
 															v{tool?.meta?.manifest?.version ?? ''}
 														</div>
 													{/if}
@@ -426,7 +426,7 @@
 															{tool.name}
 														</div>
 														{#if tool?.meta?.manifest?.version}
-															<div class=" text-gray-500 text-xs font-medium shrink-0">
+															<div class=" text-gray-500 text-xs font-normal shrink-0">
 																v{tool?.meta?.manifest?.version ?? ''}
 															</div>
 														{/if}
@@ -554,7 +554,7 @@
 			<div class=" w-full h-full flex flex-col justify-center items-center my-16 mb-24">
 				<div class="max-w-md text-center">
 					<div class=" text-3xl mb-3">😕</div>
-					<div class=" text-lg font-medium mb-1">{$i18n.t('No tools found')}</div>
+					<div class=" text-lg font-normal mb-1">{$i18n.t('No tools found')}</div>
 					<div class=" text-gray-500 text-center text-xs">
 						{$i18n.t('Try adjusting your search or filter to find what you are looking for.')}
 					</div>
@@ -579,7 +579,7 @@
 		}}
 	>
 		<div class=" text-sm text-gray-500 truncate">
-			{$i18n.t('This will delete')} <span class="  font-medium">{selectedTool.name}</span>.
+			{$i18n.t('This will delete')} <span class="  font-normal">{selectedTool.name}</span>.
 		</div>
 	</DeleteConfirmDialog>
 
diff --git a/src/lib/components/workspace/Tools/ToolkitEditor.svelte b/src/lib/components/workspace/Tools/ToolkitEditor.svelte
index 9b1641c994..b1d34de0f6 100644
--- a/src/lib/components/workspace/Tools/ToolkitEditor.svelte
+++ b/src/lib/components/workspace/Tools/ToolkitEditor.svelte
@@ -261,7 +261,7 @@ class Tools:
 							>
 								<LockClosed strokeWidth="2.5" className="size-3.5" />
 
-								<div class="text-sm font-medium shrink-0">
+								<div class="text-sm font-normal shrink-0">
 									{$i18n.t('Access')}
 								</div>
 							</button>
@@ -334,16 +334,16 @@ class Tools:
 				<div class="pb-3 flex justify-between">
 					<div class="flex-1 pr-3">
 						<div class="text-xs text-gray-500 line-clamp-2">
-							<span class=" font-semibold dark:text-gray-200">{$i18n.t('Warning:')}</span>
+							<span class=" font-normal dark:text-gray-200">{$i18n.t('Warning:')}</span>
 							{$i18n.t('Tools are a function calling system with arbitrary code execution')} <br />—
-							<span class=" font-medium dark:text-gray-400"
+							<span class=" font-normal dark:text-gray-400"
 								>{$i18n.t(`don't install random tools from sources you don't trust.`)}</span
 							>
 						</div>
 					</div>
 
 					<button
-						class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+						class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 						type="submit"
 					>
 						{$i18n.t('Save')}
diff --git a/src/lib/components/workspace/common/AccessControl.svelte b/src/lib/components/workspace/common/AccessControl.svelte
index 937bc09a7e..718324c159 100644
--- a/src/lib/components/workspace/common/AccessControl.svelte
+++ b/src/lib/components/workspace/common/AccessControl.svelte
@@ -505,7 +505,7 @@
 				>
 					<select
 						id="models"
-						class="outline-none bg-transparent text-sm font-medium block w-fit pr-10 max-w-full placeholder-gray-400"
+						class="outline-none bg-transparent text-sm font-normal block w-fit pr-10 max-w-full placeholder-gray-400"
 						value={!hasPublicReadGrant(accessGrants ?? []) ? 'private' : 'public'}
 						on:change={(e) => {
 							setPublic((e.target as HTMLSelectElement).value === 'public');
@@ -518,7 +518,7 @@
 					</select>
 				</Tooltip>
 
-				<div class=" text-xs text-gray-400 font-medium">
+				<div class=" text-xs text-gray-400 font-normal">
 					{#if !hasPublicReadGrant(accessGrants ?? [])}
 						{$i18n.t('Only select users and groups with permission can access')}
 					{:else}
@@ -544,13 +544,13 @@
 	</div>
 
 	{#if share}
-		<div class="flex items-center justify-between text-xs font-medium text-gray-500 my-1">
+		<div class="flex items-center justify-between text-xs font-normal text-gray-500 my-1">
 			<div>
 				{$i18n.t('Access List')}
 			</div>
 			<div class="flex gap-1">
 				<button
-					class="px-2 py-1 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg transition text-xs font-medium flex items-center gap-1"
+					class="px-2 py-1 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg transition text-xs font-normal flex items-center gap-1"
 					type="button"
 					on:click={() => {
 						showAddAccessModal = true;
diff --git a/src/lib/components/workspace/common/AccessControlModal.svelte b/src/lib/components/workspace/common/AccessControlModal.svelte
index caa8cbfd0d..d65a4e7e91 100644
--- a/src/lib/components/workspace/common/AccessControlModal.svelte
+++ b/src/lib/components/workspace/common/AccessControlModal.svelte
@@ -28,7 +28,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-100 px-5 pt-3 pb-1">
-			<div class=" text-lg font-medium self-center font-primary">
+			<div class=" text-lg font-normal self-center ">
 				{$i18n.t('Access Control')}
 			</div>
 			<button
diff --git a/src/lib/components/workspace/common/AddAccessModal.svelte b/src/lib/components/workspace/common/AddAccessModal.svelte
index 8fbf8c8938..fe009d50a8 100644
--- a/src/lib/components/workspace/common/AddAccessModal.svelte
+++ b/src/lib/components/workspace/common/AddAccessModal.svelte
@@ -64,9 +64,9 @@
 						/>
 					</div>
 
-					<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
+					<div class="flex justify-end pt-3 text-sm font-normal gap-1.5">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
 							type="submit"
 						>
 							{$i18n.t('Add')}
diff --git a/src/lib/components/workspace/common/ManifestModal.svelte b/src/lib/components/workspace/common/ManifestModal.svelte
index 78146ecfd1..3cce367d69 100644
--- a/src/lib/components/workspace/common/ManifestModal.svelte
+++ b/src/lib/components/workspace/common/ManifestModal.svelte
@@ -16,7 +16,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
-			<div class=" text-lg font-medium self-center">{$i18n.t('Show your support!')}</div>
+			<div class=" text-lg font-normal self-center">{$i18n.t('Show your support!')}</div>
 			<button
 				class="self-center"
 				on:click={() => {
@@ -59,9 +59,9 @@
 						</div>
 					</div>
 
-					<div class="flex justify-end pt-3 text-sm font-medium">
+					<div class="flex justify-end pt-3 text-sm font-normal">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 							type="submit"
 						>
 							{$i18n.t('Done')}
diff --git a/src/lib/components/workspace/common/MemberSelector.svelte b/src/lib/components/workspace/common/MemberSelector.svelte
index 331e65b249..f90a1528b3 100644
--- a/src/lib/components/workspace/common/MemberSelector.svelte
+++ b/src/lib/components/workspace/common/MemberSelector.svelte
@@ -219,10 +219,10 @@
 											}
 										}}
 									>
-										<div class="px-3 py-1.5 font-medium text-gray-900 dark:text-white flex-1">
+										<div class="px-3 py-1.5 font-normal text-gray-900 dark:text-white flex-1">
 											<div class="flex items-center gap-2">
 												<Tooltip content={group.name} placement="top-start">
-													<div class="font-medium truncate flex items-center gap-1">
+													<div class="font-normal truncate flex items-center gap-1">
 														{group.name} <span class="text-gray-500">{group.member_count}</span>
 													</div>
 												</Tooltip>
@@ -262,7 +262,7 @@
 												}
 											}}
 										>
-											<div class="px-3 py-1.5 font-medium text-gray-900 dark:text-white flex-1">
+											<div class="px-3 py-1.5 font-normal text-gray-900 dark:text-white flex-1">
 												<div class="flex items-center gap-2">
 													<ProfilePreview {user} side="right" align="center" sideOffset={6}>
 														<img
@@ -272,7 +272,7 @@
 														/>
 													</ProfilePreview>
 													<Tooltip content={user.email} placement="top-start">
-														<div class="font-medium truncate">{user.name}</div>
+														<div class="font-normal truncate">{user.name}</div>
 													</Tooltip>
 
 													{#if user?.is_active}
diff --git a/src/lib/components/workspace/common/ValvesModal.svelte b/src/lib/components/workspace/common/ValvesModal.svelte
index 16f3af4b6b..4b282fb791 100644
--- a/src/lib/components/workspace/common/ValvesModal.svelte
+++ b/src/lib/components/workspace/common/ValvesModal.svelte
@@ -155,7 +155,7 @@
 <Modal size="sm" bind:show>
 	<div>
 		<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
-			<div class=" text-lg font-medium self-center">{$i18n.t('Valves')}</div>
+			<div class=" text-lg font-normal self-center">{$i18n.t('Valves')}</div>
 			<button
 				class="self-center"
 				on:click={() => {
@@ -182,9 +182,9 @@
 						{/if}
 					</div>
 
-					<div class="flex justify-end pt-3 text-sm font-medium">
+					<div class="flex justify-end pt-3 text-sm font-normal">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {saving
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex items-center gap-2 whitespace-nowrap {saving
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/workspace/common/Visibility.svelte b/src/lib/components/workspace/common/Visibility.svelte
index 072673e2d0..b226eddd93 100644
--- a/src/lib/components/workspace/common/Visibility.svelte
+++ b/src/lib/components/workspace/common/Visibility.svelte
@@ -9,7 +9,7 @@
 
 <div class=" rounded-lg flex flex-col gap-2">
 	<div class="">
-		<div class=" text-xs font-medium mb-2.5 text-gray-500">{$i18n.t('Visibility')}</div>
+		<div class=" text-xs font-normal mb-2.5 text-gray-500">{$i18n.t('Visibility')}</div>
 
 		<div class="flex gap-2.5 items-center mb-1">
 			<div>
@@ -51,7 +51,7 @@
 			<div>
 				<select
 					id="models"
-					class="outline-hidden bg-transparent text-sm font-medium block w-fit pr-10 max-w-full placeholder-gray-400"
+					class="outline-hidden bg-transparent text-sm font-normal block w-fit pr-10 max-w-full placeholder-gray-400"
 					value={state === 'private' ? 'private' : 'public'}
 					on:change={(e) => {
 						if (e.target.value === 'public') {
@@ -66,7 +66,7 @@
 					<option class=" text-gray-700" value="private" selected>{$i18n.t('Private')}</option>
 				</select>
 
-				<div class=" text-xs text-gray-400 font-medium">
+				<div class=" text-xs text-gray-400 font-normal">
 					{#if state === 'private'}
 						{$i18n.t('Only invited users can access')}
 					{:else}
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index eabd936464..e3509ba96e 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -409,7 +409,7 @@
 						>
 							<div class="m-auto pb-44 flex flex-col justify-center">
 								<div class="max-w-md">
-									<div class="text-center dark:text-white text-2xl font-medium z-50">
+									<div class="text-center dark:text-white text-2xl font-normal z-50">
 										{$i18n.t('Important Update')}<br />
 										{$i18n.t('Action Required for Chat Log Storage')}
 									</div>
@@ -418,7 +418,7 @@
 										{$i18n.t(
 											"Saving chat logs directly to your browser's storage is no longer supported. Please take a moment to download and delete your chat logs by clicking the button below. Don't worry, you can easily re-import your chat logs to the backend through"
 										)}
-										<span class="font-medium dark:text-white"
+										<span class="font-normal dark:text-white"
 											>{$i18n.t('Settings')} > {$i18n.t('Chats')} > {$i18n.t('Import Chats')}</span
 										>. {$i18n.t(
 											'This ensures that your valuable conversations are securely saved to your backend database. Thank you!'
@@ -427,7 +427,7 @@
 
 									<div class=" mt-6 mx-auto relative group w-fit">
 										<button
-											class="relative z-20 flex px-5 py-2 rounded-full bg-white border border-gray-100 dark:border-none hover:bg-gray-100 transition font-medium text-sm"
+											class="relative z-20 flex px-5 py-2 rounded-full bg-white border border-gray-100 dark:border-none hover:bg-gray-100 transition font-normal text-sm"
 											on:click={async () => {
 												let blob = new Blob([JSON.stringify(localDBChats)], {
 													type: 'application/json'
diff --git a/src/routes/(app)/admin/+layout.svelte b/src/routes/(app)/admin/+layout.svelte
index b263671868..eb22661c69 100644
--- a/src/routes/(app)/admin/+layout.svelte
+++ b/src/routes/(app)/admin/+layout.svelte
@@ -62,7 +62,7 @@
 
 				<div class=" flex w-full">
 					<div
-						class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent pt-1"
+						class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-normal rounded-full bg-transparent pt-1"
 					>
 						<a
 							draggable="false"
diff --git a/src/routes/(app)/automations/+page.svelte b/src/routes/(app)/automations/+page.svelte
index 41b51d078d..917ebaddb0 100644
--- a/src/routes/(app)/automations/+page.svelte
+++ b/src/routes/(app)/automations/+page.svelte
@@ -236,7 +236,7 @@
 	}}
 >
 	<div class="text-sm text-gray-500 truncate">
-		{$i18n.t('This will delete')} <span class="font-medium">{deleteTarget?.name}</span>.
+		{$i18n.t('This will delete')} <span class="font-normal">{deleteTarget?.name}</span>.
 	</div>
 </DeleteConfirmDialog>
 
@@ -262,7 +262,7 @@
 			<div class="pb-1 px-3 md:px-[18px] pt-2">
 				<div class="flex flex-col gap-1 px-1 mt-1.5 mb-2">
 					<div class="flex justify-between items-center">
-						<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
+						<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
 							{#if $mobile}
 								<Tooltip
 									content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}
@@ -281,14 +281,14 @@
 								</Tooltip>
 							{/if}
 							<div>{$i18n.t('Automations')}</div>
-							<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
+							<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
 								{total ?? ''}
 							</div>
 						</div>
 
 						<div class="flex w-full justify-end gap-1.5">
 							<button
-								class="px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
+								class="px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-normal text-sm flex items-center"
 								on:click={() => {
 									cloneFrom = null;
 									showCreateModal = true;
@@ -420,7 +420,7 @@
 						<div class="w-full h-full flex flex-col justify-center items-center my-16 mb-24">
 							<div class="max-w-md text-center">
 								<div class="text-3xl mb-3">⚡</div>
-								<div class="text-lg font-medium mb-1">
+								<div class="text-lg font-normal mb-1">
 									{query ? $i18n.t('No results found') : $i18n.t('No automations found')}
 								</div>
 								<div class="text-gray-500 text-center text-xs">
diff --git a/src/routes/(app)/home/+layout.svelte b/src/routes/(app)/home/+layout.svelte
index 02009c2b0b..62e3754d6f 100644
--- a/src/routes/(app)/home/+layout.svelte
+++ b/src/routes/(app)/home/+layout.svelte
@@ -46,7 +46,7 @@
 
 			<div class=" flex w-full">
 				<div
-					class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent pt-1"
+					class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-normal rounded-full bg-transparent pt-1"
 				>
 					<a
 						class="min-w-fit p-1.5 {$page.url.pathname.includes('/home/notes')
diff --git a/src/routes/(app)/playground/+layout.svelte b/src/routes/(app)/playground/+layout.svelte
index 6d71039d1d..ef1dc84f0d 100644
--- a/src/routes/(app)/playground/+layout.svelte
+++ b/src/routes/(app)/playground/+layout.svelte
@@ -46,7 +46,7 @@
 
 			<div class=" flex w-full">
 				<div
-					class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent pt-1"
+					class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-normal rounded-full bg-transparent pt-1"
 				>
 					<a
 						draggable="false"
diff --git a/src/routes/(app)/workspace/+layout.svelte b/src/routes/(app)/workspace/+layout.svelte
index f12479a267..25eb6fe553 100644
--- a/src/routes/(app)/workspace/+layout.svelte
+++ b/src/routes/(app)/workspace/+layout.svelte
@@ -86,7 +86,7 @@
 
 				<div class="">
 					<div
-						class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent py-1 touch-auto pointer-events-auto"
+						class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-normal rounded-full bg-transparent py-1 touch-auto pointer-events-auto"
 					>
 						{#if $user?.role === 'admin' || $user?.permissions?.workspace?.models}
 							<a
@@ -151,7 +151,7 @@
 					</div>
 				</div>
 
-				<!-- <div class="flex items-center text-xl font-medium">{$i18n.t('Workspace')}</div> -->
+				<!-- <div class="flex items-center text-xl font-normal">{$i18n.t('Workspace')}</div> -->
 			</div>
 		</nav>
 
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index af67428632..9c26db321a 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -4,7 +4,7 @@
 
 <div class=" bg-white dark:bg-gray-800 min-h-screen">
 	<div class=" flex h-full">
-		<div class="m-auto my-10 dark:text-gray-300 text-3xl font-medium">
+		<div class="m-auto my-10 dark:text-gray-300 text-3xl font-normal">
 			{$page.status}: {$page.error?.message}
 		</div>
 	</div>
diff --git a/src/routes/auth/+page.svelte b/src/routes/auth/+page.svelte
index 1ccfecf157..75eef87147 100644
--- a/src/routes/auth/+page.svelte
+++ b/src/routes/auth/+page.svelte
@@ -236,14 +236,14 @@
 
 	{#if loaded}
 		<div
-			class="fixed bg-transparent min-h-screen w-full flex justify-center font-primary z-50 text-black dark:text-white"
+			class="fixed bg-transparent min-h-screen w-full flex justify-center  z-50 text-black dark:text-white"
 			id="auth-container"
 		>
 			<div class="w-full px-10 min-h-screen flex flex-col text-center">
 				{#if ($config?.features.auth_trusted_header ?? false) || $config?.features.auth === false}
 					<div class=" my-auto pb-10 w-full sm:max-w-md">
 						<div
-							class="flex items-center justify-center gap-3 text-xl sm:text-2xl text-center font-medium dark:text-gray-200"
+							class="flex items-center justify-center gap-3 text-xl sm:text-2xl text-center font-normal dark:text-gray-200"
 						>
 							<div>
 								{$i18n.t('Signing in to {{WEBUI_NAME}}', { WEBUI_NAME: $WEBUI_NAME })}
@@ -276,7 +276,7 @@
 								}}
 							>
 								<div class="mb-1">
-									<div class=" text-2xl font-medium">
+									<div class=" text-2xl font-normal">
 										{#if $config?.onboarding ?? false}
 											{$i18n.t(`Get started with {{WEBUI_NAME}}`, { WEBUI_NAME: $WEBUI_NAME })}
 										{:else if mode === 'ldap'}
@@ -289,7 +289,7 @@
 									</div>
 
 									{#if $config?.onboarding ?? false}
-										<div class="mt-1 text-xs font-medium text-gray-600 dark:text-gray-500">
+										<div class="mt-1 text-xs font-normal text-gray-600 dark:text-gray-500">
 											ⓘ {$WEBUI_NAME}
 											{$i18n.t(
 												'does not make any external connections, and your data stays securely on your locally hosted server.'
@@ -302,7 +302,7 @@
 									<div class="flex flex-col mt-4">
 										{#if mode === 'signup'}
 											<div class="mb-2">
-												<label for="name" class="text-sm font-medium text-left mb-1 block"
+												<label for="name" class="text-sm font-normal text-left mb-1 block"
 													>{$i18n.t('Name')}</label
 												>
 												<input
@@ -319,7 +319,7 @@
 
 										{#if mode === 'ldap'}
 											<div class="mb-2">
-												<label for="username" class="text-sm font-medium text-left mb-1 block"
+												<label for="username" class="text-sm font-normal text-left mb-1 block"
 													>{$i18n.t('Username')}</label
 												>
 												<input
@@ -335,7 +335,7 @@
 											</div>
 										{:else}
 											<div class="mb-2">
-												<label for="email" class="text-sm font-medium text-left mb-1 block"
+												<label for="email" class="text-sm font-normal text-left mb-1 block"
 													>{$i18n.t('Email')}</label
 												>
 												<input
@@ -352,7 +352,7 @@
 										{/if}
 
 										<div>
-											<label for="password" class="text-sm font-medium text-left mb-1 block"
+											<label for="password" class="text-sm font-normal text-left mb-1 block"
 												>{$i18n.t('Password')}</label
 											>
 											<SensitiveInput
@@ -373,7 +373,7 @@
 											<div class="mt-2">
 												<label
 													for="confirm-password"
-													class="text-sm font-medium text-left mb-1 block"
+													class="text-sm font-normal text-left mb-1 block"
 													>{$i18n.t('Confirm Password')}</label
 												>
 												<SensitiveInput
@@ -394,14 +394,14 @@
 									{#if $config?.features.enable_login_form || $config?.features.enable_ldap || form}
 										{#if mode === 'ldap'}
 											<button
-												class="bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
+												class="bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
 												type="submit"
 											>
 												{$i18n.t('Authenticate')}
 											</button>
 										{:else}
 											<button
-												class="bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
+												class="bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
 												type="submit"
 											>
 												{mode === 'signin'
@@ -418,7 +418,7 @@
 														: $i18n.t('Already have an account?')}
 
 													<button
-														class=" font-medium underline"
+														class=" font-normal underline"
 														type="button"
 														on:click={() => {
 															if (mode === 'signin') {
@@ -442,7 +442,7 @@
 									<hr class="w-32 h-px my-4 border-0 dark:bg-gray-100/10 bg-gray-700/10" />
 									{#if $config?.features.enable_login_form || $config?.features.enable_ldap || form}
 										<span
-											class="px-3 text-sm font-medium text-gray-900 dark:text-white bg-transparent"
+											class="px-3 text-sm font-normal text-gray-900 dark:text-white bg-transparent"
 											>{$i18n.t('or')}</span
 										>
 									{/if}
@@ -452,7 +452,7 @@
 								<div class="flex flex-col space-y-2">
 									{#if $config?.oauth?.providers?.google}
 										<button
-											class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
+											class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
 											on:click={() => {
 												window.location.href = `${WEBUI_BASE_URL}/oauth/google/login`;
 											}}
@@ -482,7 +482,7 @@
 									{/if}
 									{#if $config?.oauth?.providers?.microsoft}
 										<button
-											class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
+											class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
 											on:click={() => {
 												window.location.href = `${WEBUI_BASE_URL}/oauth/microsoft/login`;
 											}}
@@ -513,7 +513,7 @@
 									{/if}
 									{#if $config?.oauth?.providers?.github}
 										<button
-											class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
+											class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
 											on:click={() => {
 												window.location.href = `${WEBUI_BASE_URL}/oauth/github/login`;
 											}}
@@ -534,7 +534,7 @@
 									{/if}
 									{#if $config?.oauth?.providers?.oidc}
 										<button
-											class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
+											class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
 											on:click={() => {
 												window.location.href = `${WEBUI_BASE_URL}/oauth/oidc/login`;
 											}}
@@ -564,7 +564,7 @@
 									{/if}
 									{#if $config?.oauth?.providers?.feishu}
 										<button
-											class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
+											class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
 											on:click={() => {
 												window.location.href = `${WEBUI_BASE_URL}/oauth/feishu/login`;
 											}}
diff --git a/src/routes/error/+page.svelte b/src/routes/error/+page.svelte
index 9c665b5b70..a4bb08ed7e 100644
--- a/src/routes/error/+page.svelte
+++ b/src/routes/error/+page.svelte
@@ -21,7 +21,7 @@
 		<div class="absolute rounded-xl w-full h-full backdrop-blur-sm flex justify-center">
 			<div class="m-auto pb-44 flex flex-col justify-center">
 				<div class="max-w-md">
-					<div class="text-center text-2xl font-medium z-50">
+					<div class="text-center text-2xl font-normal z-50">
 						{$i18n.t('{{webUIName}} Backend Required', { webUIName: $WEBUI_NAME })}
 					</div>
 
@@ -33,19 +33,19 @@
 						<br class=" " />
 						<br class=" " />
 						<a
-							class=" font-medium underline"
+							class=" font-normal underline"
 							href="https://github.com/open-webui/open-webui#how-to-install-"
 							target="_blank">{$i18n.t('See readme.md for instructions')}</a
 						>
 						{$i18n.t('or')}
-						<a class=" font-medium underline" href="https://discord.gg/5rJgQTnV4s" target="_blank"
+						<a class=" font-normal underline" href="https://discord.gg/5rJgQTnV4s" target="_blank"
 							>{$i18n.t('join our Discord for help.')}</a
 						>
 					</div>
 
 					<div class=" mt-6 mx-auto relative group w-fit">
 						<button
-							class="relative z-20 flex px-5 py-2 rounded-full bg-gray-100 hover:bg-gray-200 transition font-medium text-sm text-black"
+							class="relative z-20 flex px-5 py-2 rounded-full bg-gray-100 hover:bg-gray-200 transition font-normal text-sm text-black"
 							on:click={() => {
 								location.href = '/';
 							}}
diff --git a/src/routes/s/[id]/+page.svelte b/src/routes/s/[id]/+page.svelte
index 5f15d88e0a..09d7189005 100644
--- a/src/routes/s/[id]/+page.svelte
+++ b/src/routes/s/[id]/+page.svelte
@@ -166,7 +166,7 @@
 						: 'max-w-[52rem]'} mx-auto"
 				>
 					<div class="px-3">
-						<h1 class=" text-2xl font-medium line-clamp-1 m-0">
+						<h1 class=" text-2xl font-normal line-clamp-1 m-0">
 							{title}
 						</h1>
 
@@ -208,7 +208,7 @@
 				>
 					<div class="pb-5">
 						<button
-							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+							class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 							on:click={cloneSharedChat}
 						>
 							{$i18n.t('Clone Chat')}