diff --git a/src/discussions/learners/learner/LearnerFilterBar.jsx b/src/discussions/learners/learner/LearnerFilterBar.jsx
index 32f91218f..bad6e728f 100644
--- a/src/discussions/learners/learner/LearnerFilterBar.jsx
+++ b/src/discussions/learners/learner/LearnerFilterBar.jsx
@@ -28,10 +28,10 @@ const ActionItem = React.memo(({
     style={{ cursor: 'pointer' }}
     aria-checked={value === selected}
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-    tabIndex={value === selected ? '0' : '-1'}
+    tabIndex={'0'}
   >
     <Icon src={Check} className={classNames('text-success mr-2', { invisible: value !== selected })} />
-    <Form.Radio id={id} className="sr-only sr-only-focusable" value={value} tabIndex="0">
+    <Form.Radio id={id} className="sr-only sr-only-focusable" value={value} tabIndex="-1">
       {label}
     </Form.Radio>
     <span aria-hidden className="text-truncate">
diff --git a/src/discussions/posts/post-filter-bar/PostFilterBar.jsx b/src/discussions/posts/post-filter-bar/PostFilterBar.jsx
index f601cb04d..557193c2d 100644
--- a/src/discussions/posts/post-filter-bar/PostFilterBar.jsx
+++ b/src/discussions/posts/post-filter-bar/PostFilterBar.jsx
@@ -42,10 +42,10 @@ export const ActionItem = React.memo(({
     style={{ cursor: 'pointer' }}
     aria-checked={value === selected}
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-    tabIndex={value === selected ? '0' : '-1'}
+    tabIndex={'0'}
   >
     <Icon src={Check} className={classNames('text-success dropdown-icon-dimensions', { invisible: value !== selected })} />
-    <Form.Radio id={id} className="sr-only sr-only-focusable" value={value} tabIndex="0">
+    <Form.Radio id={id} className="sr-only sr-only-focusable" value={value} tabIndex="-1">
       {label}
     </Form.Radio>
     <span aria-hidden className="text-truncate">