diff --git a/preview/big-number-breakdown/main.js b/preview/big-number-breakdown/main.js
index e459a93..ccd6064 100644
--- a/preview/big-number-breakdown/main.js
+++ b/preview/big-number-breakdown/main.js
@@ -146,6 +146,12 @@ const visObject = {
         font-family: "Google Sans", Roboto, "Noto Sans JP", "Noto Sans", "Noto Sans CJK KR", Helvetica, Arial, sans-serif;
         font-weight: 200;
       }
+
+
+      .highcharts-credits {
+        font-style: italic;
+      }
+      
       </style>
       <figure class="highcharts-figure">
       <div id="container"></div>
@@ -296,7 +302,8 @@ const visObject = {
         enabled: false,
       },
       credits: {
-        enabled: false,
+        enabled: true, 
+        text: "Metrics Widget by Hong"
       },
       exporting: {
         enabled: false
diff --git a/preview/big-number-trend/main.js b/preview/big-number-trend/main.js
index 211213e..3fe4e64 100644
--- a/preview/big-number-trend/main.js
+++ b/preview/big-number-trend/main.js
@@ -202,6 +202,11 @@ const visObject = {
         font-family: "Google Sans", Roboto, "Noto Sans JP", "Noto Sans", "Noto Sans CJK KR", Helvetica, Arial, sans-serif;
         font-weight: 200;
       }
+
+      .highcharts-credits {
+        font-style: italic;
+      }
+
       </style>
       <figure class="highcharts-figure">
       <div id="container"></div>
@@ -399,7 +404,8 @@ const visObject = {
         enabled: false,
       },
       credits: {
-        enabled: false,
+        enabled: true, 
+        text: "Metrics Widget by Hong"
       },
       exporting: {
         enabled: false