diff --git a/services/web/frontend/js/features/pdf-preview/components/error-logs.tsx b/services/web/frontend/js/features/pdf-preview/components/error-logs.tsx
index 7024b958b7..e8c6b78ae4 100644
--- a/services/web/frontend/js/features/pdf-preview/components/error-logs.tsx
+++ b/services/web/frontend/js/features/pdf-preview/components/error-logs.tsx
@@ -152,6 +152,7 @@ const TabHeader = ({ tab, active }: { tab: ErrorLogTab; active: boolean }) => {
       eventKey={tab.key}
       className="error-logs-tab-header"
       active={active}
+      as="button"
     >
       {tab.label}
       <div className="error-logs-tab-count">
diff --git a/services/web/frontend/stylesheets/pages/editor/logs.scss b/services/web/frontend/stylesheets/pages/editor/logs.scss
index deb338536d..896e5091f6 100644
--- a/services/web/frontend/stylesheets/pages/editor/logs.scss
+++ b/services/web/frontend/stylesheets/pages/editor/logs.scss
@@ -33,6 +33,11 @@
   font-size: var(--font-size-02);
   border-bottom: 3px solid transparent;
 
+  &:hover,
+  &:focus {
+    color: var(--content-primary-themed);
+  }
+
   &[aria-selected='true'] {
     color: var(--content-primary-themed);
     border-bottom: 3px solid var(--bg-accent-01);