diff --git a/webview-ui/src/ClusterProperties/ClusterDisplayToolTip.tsx b/webview-ui/src/ClusterProperties/ClusterDisplayToolTip.tsx
index 06d08ff2..8da6ac81 100644
--- a/webview-ui/src/ClusterProperties/ClusterDisplayToolTip.tsx
+++ b/webview-ui/src/ClusterProperties/ClusterDisplayToolTip.tsx
@@ -16,7 +16,7 @@ export function ClusterDisplayToolTip(props: ClusterDisplayToolTipProps) {
             </span>
             <span className={styles.tooltiptext}>
                 <table>
-                    <caption style={{ fontWeight: "bold", textAlign: "left" }}>Current Versions Available</caption>
+                    <caption className={styles.tableHeader}>Current Versions Available</caption>
                     <tr>
                         <th>Version</th>
                         <th>Patch Versions</th>
@@ -24,7 +24,7 @@ export function ClusterDisplayToolTip(props: ClusterDisplayToolTipProps) {
                         <th>Preview</th>
                     </tr>
                     {props.clusterInfo.supportedVersions.map((v) => (
-                        <tr key={v.version} style={{ outline: "thin solid" }}>
+                        <tr key={v.version} className={styles.separator}>
                             <td>{v.version}</td>
                             <td>
                                 {v.patchVersions.map((patchVersion, index) => (
@@ -41,7 +41,7 @@ export function ClusterDisplayToolTip(props: ClusterDisplayToolTipProps) {
                     ))}
                     <tfoot>
                         <tr>
-                            <td colSpan={3} style={{ textAlign: "left" }}>
+                            <td colSpan={3} className={styles.textLeftAlign}>
                                 <VSCodeLink href="https://learn.microsoft.com/en-us/azure/aks/supported-kubernetes-versions?tabs=azure-cli#aks-kubernetes-release-calendar">
                                     Learn more
                                 </VSCodeLink>
diff --git a/webview-ui/src/ClusterProperties/ClusterProperties.module.css b/webview-ui/src/ClusterProperties/ClusterProperties.module.css
index dd0a9f6f..23ab5b17 100644
--- a/webview-ui/src/ClusterProperties/ClusterProperties.module.css
+++ b/webview-ui/src/ClusterProperties/ClusterProperties.module.css
@@ -57,3 +57,17 @@ td:not(:last-child) {
 .buttonDiv {
     margin: 0.3125rem 0 0.625rem 7.875rem;
 }
+
+.separator {
+    outline: solid thin;
+}
+
+.textLeftAlign {
+    text-align: left;
+}
+
+.tableHeader {
+    font-weight: bold;
+    text-align: left;
+    margin-bottom: 0.375rem;
+}