fix case study ul styling

CDCgov · Dec 2, 2024 · 268c953 · 268c953
1 parent a52c207
commit 268c953
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/app/case-studies/_ui/index.tsx b/src/app/case-studies/_ui/index.tsx
@@ -1,5 +1,7 @@
 import Link from 'next/link';
 import { Link as ExternalLink } from '@trussworks/react-uswds';
+import styles from './styles.module.scss';
+import classNames from 'classnames';
 
 interface ContainerProps {
   children: React.ReactNode;
@@ -42,7 +44,12 @@ const Text = ({ children }: ContainerProps) => {
 
 const UnorderedList = ({ children }: ContainerProps) => {
   return (
-    <ul className="list__full-width flex flex-col gap-2 font-semibold">
+    <ul
+      className={classNames(
+        'flex flex-col gap-2 font-semibold',
+        styles.list__fullWidth,
+      )}
+    >
       {children}
     </ul>
   );

diff --git a/src/app/case-studies/_ui/styles.scss → src/app/case-studies/_ui/styles.module.scss b/src/app/case-studies/_ui/styles.scss → src/app/case-studies/_ui/styles.module.scss
@@ -1,4 +1,4 @@
-.list__full-width {
+.list__fullWidth {
   li {
     min-width: 100%;
   }

diff --git a/src/app/case-studies/dibbs-pipeline/page.tsx b/src/app/case-studies/dibbs-pipeline/page.tsx
@@ -7,7 +7,6 @@ import {
   Text,
   ReadMore,
 } from '../_ui';
-import '../_ui/styles.scss';
 
 const DibbsPipeline = () => {
   return (