Fixed a11y refresh button issue for Documents tab

less/documentDB.less

@@ -2245,7 +2245,8 @@ a:link {
 }
 
 .refreshColHeader {
-  padding: 3px 6px 10px 0px !important;
+  padding: 3px 0px 10px 0px !important;
+  width: 15px;
 }
 
 .refreshColHeader:hover {

src/Explorer/Controls/Settings/SettingsRenderUtils.tsx

@@ -141,19 +141,6 @@ export const transparentDetailsHeaderStyle: Partial<IDetailsColumnStyles> = {
   },
 };
 
-export const transparentDetailsCostHeaderStyle: Partial<IDetailsColumnStyles> = {
-  root: {
-    selectors: {
-      ":hover": {
-        background: "transparent",
-      },
-      ".ms-DetailsHeader-cellTitle": {
-        visibility: "hidden",
-      },
-    },
-  },
-};
-
 export const customDetailsListStyles: Partial<IDetailsListStyles> = {
   root: {
     selectors: {

src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx

@@ -38,7 +38,6 @@ import {
   PriceBreakdown,
   saveThroughputWarningMessage,
   titleAndInputStackProps,
-  transparentDetailsCostHeaderStyle,
   transparentDetailsHeaderStyle,
 } from "../../SettingsRenderUtils";
 import { getSanitizedInputValue, IsComponentDirtyResult, isDirty } from "../../SettingsUtils";
@@ -220,12 +219,12 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
     const estimatedSpendingColumns: IColumn[] = [
       {
         key: "costType",
-        name: "Cost Type",
+        name: "",
         fieldName: "costType",
         minWidth: 100,
         maxWidth: 200,
         isResizable: true,
-        styles: transparentDetailsCostHeaderStyle,
+        styles: transparentDetailsHeaderStyle,
       },
       {
         key: "minPerMonth",

src/Explorer/Tabs/DocumentsTab.html

@@ -158,13 +158,13 @@
                   role="button"
                   aria-label="Refresh documents"
                   data-bind="event: { keydown: onRefreshButtonKeyDown }"
+                  tabindex="0"
                 >
                   <img
                     class="refreshcol"
                     src="/refresh-cosmos.svg"
                     data-bind="click: refreshDocumentsGrid"
                     alt="Refresh documents"
-                    tabindex="0"
                   />
                 </th>
               </tr>