isActive is irrelevant for TOC

Author: RoyEJohnson

src/app/content/components/SidebarControl/Buttons.tsx

@@ -50,11 +50,8 @@ export const OpenButton = styled.button<{isOpen: InnerProps['isOpen'], isActive:
     ${toolbarIconStyles};
   }
 
-  ${(props) => props.isOpen === null && !props.isActive && theme.breakpoints.mobile(css`
-    display: flex;
-  `)}
-  ${(props) => props.isOpen === null && props.isActive && theme.breakpoints.mobile(css`
-    display: none;
+  ${(props) => props.isOpen === null && theme.breakpoints.mobile(css`
+    display: ${props.isActive ? 'none' : 'flex'};
   `)}
 
   ${(props) => props.hideMobile && theme.breakpoints.mobileMedium(css`

src/app/content/components/SidebarControl/TOCControl.tsx

@@ -42,5 +42,5 @@ export const lockTocControlState = (isOpen: boolean, Control: React.ComponentTyp
     message={isOpen ? openTocMessage : closedTocMessage}
     data-analytics-label={isOpen ? 'Click to close the Table of Contents' : 'Click to open the Table of Contents'}
     onClick={isOpen ? close : open}
-    isActive={Boolean(props.showActivatedState) && isOpen}
+    isActive={false}
   />);