From 91962a51d6713b7bc6cd6c199188fa86580a45e8 Mon Sep 17 00:00:00 2001
From: Wesley Bomar <wbomar@tacc.utexas.edu>
Date: Fri, 17 Jun 2022 17:32:29 -0500
Subject: [PATCH] fix:(ui-patterns): show actual class name passed

---
 .../UIPatterns/UIPatternsSection/UIPatternsSection.jsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/client/src/components/UIPatterns/UIPatternsSection/UIPatternsSection.jsx b/client/src/components/UIPatterns/UIPatternsSection/UIPatternsSection.jsx
index 5d0da47c0..504786b40 100644
--- a/client/src/components/UIPatterns/UIPatternsSection/UIPatternsSection.jsx
+++ b/client/src/components/UIPatterns/UIPatternsSection/UIPatternsSection.jsx
@@ -47,8 +47,7 @@ function UIPatternsSection() {
           density="compact"
           direction="horizontal"
           data={{
-            contentClassName:
-              styles['content--has-list-to-illustrate-scrolling'],
+            contentClassName: 'content--has-list-to-illustrate-scrolling',
             header: 'Milk',
             content: 'Cow, Soy, Nut',
             contentShouldScroll: <code>true</code>,
@@ -75,8 +74,7 @@ function UIPatternsSection() {
           className={styles['term-details']}
           direction="vertical"
           data={{
-            contentClassName:
-              styles['content--has-table-to-illustrate-scrolling'],
+            contentClassName: 'content--has-table-to-illustrate-scrolling',
             header:
               'Section with <SectionTableWrapper> and <InfiniteScrollTable>',
             content: '(paragraph, table, paragraph)',
@@ -122,8 +120,8 @@ function UIPatternsSection() {
           className={styles['term-details']}
           direction="vertical"
           data={{
-            className: styles['is-resizable'],
-            contentClassName: styles['content--should-always-show-scrollbar'],
+            className: 'is-resizable',
+            contentClassName: 'content--should-always-show-scrollbar',
             header: 'Header',
             content: (
               <>