From 268c9536d646886838dc6e75dcb31328997dcbcf Mon Sep 17 00:00:00 2001
From: Jake Wheeler <jake.wheeler@skylight.digital>
Date: Mon, 2 Dec 2024 09:52:20 -0500
Subject: [PATCH] fix case study ul styling

---
 src/app/case-studies/_ui/index.tsx                       | 9 ++++++++-
 .../case-studies/_ui/{styles.scss => styles.module.scss} | 2 +-
 src/app/case-studies/dibbs-pipeline/page.tsx             | 1 -
 3 files changed, 9 insertions(+), 3 deletions(-)
 rename src/app/case-studies/_ui/{styles.scss => styles.module.scss} (62%)

diff --git a/src/app/case-studies/_ui/index.tsx b/src/app/case-studies/_ui/index.tsx
index 62922bf..e73b914 100644
--- 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 b/src/app/case-studies/_ui/styles.module.scss
similarity index 62%
rename from src/app/case-studies/_ui/styles.scss
rename to src/app/case-studies/_ui/styles.module.scss
index 5f6c798..7e3bec2 100644
--- a/src/app/case-studies/_ui/styles.scss
+++ b/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
index 3963839..36ae83e 100644
--- 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 (