Touch up

Author: RoyEJohnson

src/app/content/studyGuides/components/ShowStudyGuides.spec.tsx

@@ -12,7 +12,8 @@ import { assertWindow } from '../../../utils';
 import { loadMoreStudyGuides } from '../actions';
 import { HTMLElement } from '@openstax/types/lib.dom';
 import * as selectors from '../selectors';
-import ShowStudyGuides, { StudyGuidesBody } from './ShowStudyGuides';
+import ShowStudyGuides from './ShowStudyGuides';
+import { PopupBody as StudyGuidesBody } from '../../styles/PopupStyles';
 
 describe('ShowStudyGuides', () => {
   let store: Store;

src/app/content/studyGuides/components/ShowStudyGuides.tsx

@@ -14,10 +14,6 @@ import StudyGuidesCTA from './StudyGuidesCTA';
 import StudyGuidesToasts from './StudyGuidesToasts';
 import './ShowStudyGuides.css';
 
-// Export PopupBody as StudyGuidesBody for test compatibility
-// The actual styling is now in ShowStudyGuides.css
-export const StudyGuidesBody = PopupBody;
-
 const ShowStudyGuides = ({topElRef}: {topElRef: React.RefObject<HTMLElement>}) => {
   const ref = React.useRef<HTMLElement>(null);
   const [showGoToTop, setShowGoToTop] = React.useState(false);

src/app/content/studyGuides/components/StudyGuidesCTA/index.spec.tsx

@@ -20,7 +20,6 @@ describe('StudyGuidesCTA', () => {
       <StudyGuidesCTA />
     </TestContainer>);
 
-    // After migration to plain CSS, check for the wrapper div by className
     expect(() => component.root.findByProps({ className: 'study-guides-cta-wrapper' })).toThrow();
   });