diff --git a/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.css b/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.css
index f27dc133fe0..5c59f70203d 100644
--- a/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.css
+++ b/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.css
@@ -23,6 +23,7 @@ bar to fill the center of the toolbar.
 
 .preview-action-bar .url-bar {
 	border: 1px solid var(--vscode-input-border);
+	background-color: var(--vscode-input-background);
 	border-radius: 4px;
 	margin-left: 10px;
 	padding-left: 10px;
diff --git a/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.tsx b/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.tsx
index f9f26aff1d2..077bc2c2e46 100644
--- a/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.tsx
+++ b/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.tsx
@@ -189,7 +189,7 @@ export const ActionBars = (props: PropsWithChildren<ActionBarsProps>) => {
 					<ActionBarRegion location='center'>
 						<form onSubmit={navigateToHandler}>
 							<input
-								className='url-bar'
+								className='text-input url-bar'
 								aria-label={currentUrl}
 								name={kUrlBarInputName}
 								type='text'