diff --git a/client/patterns/folder-structure/Details.tsx b/client/patterns/folder-structure/Details.tsx
index 2c54e7c..da2c053 100644
--- a/client/patterns/folder-structure/Details.tsx
+++ b/client/patterns/folder-structure/Details.tsx
@@ -22,7 +22,7 @@ const Details: React.FC<{}> = () => {
             </Helmet>
             <BrowserFrame
 html={`
-<div className="folder-structure">
+<div class="folder-structure">
     <ul>
         <li>
             <!-- Content -->
diff --git a/client/patterns/radio-button-group/Details.tsx b/client/patterns/radio-button-group/Details.tsx
index 846e9a5..24b28af 100644
--- a/client/patterns/radio-button-group/Details.tsx
+++ b/client/patterns/radio-button-group/Details.tsx
@@ -57,10 +57,6 @@ const Details: React.FC<{}> = () => {
             <div className='p-8 pb-20'>
                 <BrowserFrame
 html={`
-<style>
-
-</style>
-
 <div class="container">
     <!-- Each radio item -->
     <label class="container__label">
diff --git a/client/patterns/tree-diagram/Details.tsx b/client/patterns/tree-diagram/Details.tsx
index fe77ba8..6ce48f6 100644
--- a/client/patterns/tree-diagram/Details.tsx
+++ b/client/patterns/tree-diagram/Details.tsx
@@ -22,7 +22,7 @@ const Details: React.FC<{}> = () => {
             </Helmet>
             <BrowserFrame
 html={`
-<div className="tree-diagram">
+<div class="tree-diagram">
     <ul>
         <li>
             <!-- Content -->