diff --git a/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue b/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue
index 740e1ae7b..df533a336 100644
--- a/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue
+++ b/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue
@@ -3,7 +3,7 @@
 <template>
   <div v-if="home.initializingRequestComplete">
     <div class="label">
-      <span>Deployment:</span>
+      <span class="text-sm text-sidebar-section-header">DEPLOYMENT</span>
 
       <ActionToolbar
         title="Deployment"
diff --git a/extensions/vscode/webviews/homeView/src/style.css b/extensions/vscode/webviews/homeView/src/style.css
index 1af723767..263b7798a 100644
--- a/extensions/vscode/webviews/homeView/src/style.css
+++ b/extensions/vscode/webviews/homeView/src/style.css
@@ -22,6 +22,10 @@ body {
   width: 100%;
 }
 
+.text-sm {
+  font-size: 11px;
+}
+
 .text-foreground {
   color: var(--vscode-foreground);
 }
@@ -42,6 +46,10 @@ body {
   color: var(--vscode-list-deemphasizedForeground);
 }
 
+.text-sidebar-section-header {
+  color: var(--vscode-sideBarSectionHeader-foreground);
+}
+
 .text-error {
   color: var(--vscode-list-errorForeground);
 }