diff --git a/desktop/src/components/HtmlView.tsx b/desktop/src/components/HtmlView.tsx
index 19d9474b..400df2b6 100644
--- a/desktop/src/components/HtmlView.tsx
+++ b/desktop/src/components/HtmlView.tsx
@@ -42,7 +42,7 @@ export default function HTMLView({ segments, file, preference }: HTMLViewProps)
 					<div style={{ marginBottom: '10px' }}>
 						<div
 							className="timestamp"
-							style={{ fontSize: '12px', paddingBottom: '6px', color: preference.theme === 'dark' ? '#3B4045' : '#000000' }}>
+							style={{ fontSize: '13px', paddingBottom: '6px', color: preference.theme === 'dark' ? '#ffffff' : '#000000', opacity: '75%' }}>
 							{formatDuration(segment.start, segment.stop)}
 						</div>
 						{segment.speaker ? formatSpeaker(segment.speaker, t('common.speaker-prefix')) : ''}
diff --git a/desktop/src/components/InfoTooltip.tsx b/desktop/src/components/InfoTooltip.tsx
index 79bea124..f2f300a5 100644
--- a/desktop/src/components/InfoTooltip.tsx
+++ b/desktop/src/components/InfoTooltip.tsx
@@ -2,7 +2,7 @@ import { ReactComponent as InfoIcon } from '~/icons/info.svg'
 
 export function InfoTooltip({ text }: { text: string }) {
 	return (
-		<div className="tooltip" data-tip={text}>
+		<div className="tooltip tooltip-primary" data-tip={text}>
 			<InfoIcon className="w-5 h-5" data-tooltip-place="top" />
 		</div>
 	)