diff --git a/src/components/Dashboard/Dashboard.jsx b/src/components/Dashboard/Dashboard.jsx
index 8d1a87e..693c33b 100644
--- a/src/components/Dashboard/Dashboard.jsx
+++ b/src/components/Dashboard/Dashboard.jsx
@@ -15,7 +15,7 @@ import DateSelector from './DateSelector.jsx';
 import YearFilterButtons from './YearFilterButtons.jsx';
 import DashboardHeader from './DashboardHeader.jsx';
 import BeerTypeChart from '../Charts/BeerTypeChart/BeerTypeChart.jsx';
-// import PngOverviewGenerator from '../PngOverviewGenerator/PngOverviewGenerator.jsx';
+import WrappedGenerator from '../Wrapped/WrappedGenerator.jsx';
 
 import { filterBeerData, getDefaultStartDate, getDefaultEndDate } from '../../utils/';
 
@@ -80,12 +80,12 @@ const Dashboard = () => {
 
   return (
     <div className="container mx-auto p-4 md:p-0">
-      {/* <PngOverviewGenerator
+      <WrappedGenerator
         filterDateRange={filterDateRange}
         beerData={filteredData}
         fullBeerData={beerData}
         userName="sjaakbanaan"
-      /> */}
+      />
       {filteredData && filteredData.length > 0 ? (
         <div>
           <YearFilterButtons
diff --git a/src/components/PngOverviewGenerator/PngOverview.jsx b/src/components/Wrapped/Wrapped.jsx
similarity index 94%
rename from src/components/PngOverviewGenerator/PngOverview.jsx
rename to src/components/Wrapped/Wrapped.jsx
index c35d0eb..c3e8995 100644
--- a/src/components/PngOverviewGenerator/PngOverview.jsx
+++ b/src/components/Wrapped/Wrapped.jsx
@@ -1,4 +1,4 @@
-import { formatPngDates } from '../../utils';
+import { formatWrappedDates } from '../../utils';
 
 /*
 - top 5 beers (highest rating)
@@ -7,7 +7,7 @@ import { formatPngDates } from '../../utils';
 - top 5 venues (exl. home)
 */
 
-const PngOverview = ({
+const Wrapped = ({
   userName,
   captureScreenshot,
   stats,
@@ -32,7 +32,7 @@ const PngOverview = ({
         <img src="/logo512.png" style={{ width: '64px' }} alt="" />
         <h2 className="mt-6 text-2xl font-bold">Untappd stats for {userName}</h2>
         <div className="mb-4 mt-2">
-          {formatPngDates(filterDateRange.start, filterDateRange.end)}
+          {formatWrappedDates(filterDateRange.start, filterDateRange.end)}
         </div>
         <div className="w-full">
           <h2 className="mb-2 font-bold">Top 5 beers (by rating)</h2>
@@ -94,4 +94,4 @@ const PngOverview = ({
   );
 };
 
-export default PngOverview;
+export default Wrapped;
diff --git a/src/components/PngOverviewGenerator/PngOverviewGenerator.jsx b/src/components/Wrapped/WrappedGenerator.jsx
similarity index 90%
rename from src/components/PngOverviewGenerator/PngOverviewGenerator.jsx
rename to src/components/Wrapped/WrappedGenerator.jsx
index 31286a5..47843c8 100644
--- a/src/components/PngOverviewGenerator/PngOverviewGenerator.jsx
+++ b/src/components/Wrapped/WrappedGenerator.jsx
@@ -2,7 +2,7 @@ import { useRef } from 'react';
 import html2canvas from 'html2canvas';
 import { getOverviewStats } from '../../utils';
 import { processTopBeers } from '../../utils/listProcessing';
-import PngOverview from './PngOverview.jsx';
+import Wrapped from './Wrapped.jsx';
 
 /*
 - top 5 beers (highest rating)
@@ -11,7 +11,7 @@ import PngOverview from './PngOverview.jsx';
 - top 5 venues (exl. home)
 */
 
-const PngOverviewGenerator = ({ userName, beerData, fullBeerData, filterDateRange }) => {
+const WrappedGenerator = ({ userName, beerData, fullBeerData, filterDateRange }) => {
   const elementRef = useRef();
 
   const captureScreenshot = async () => {
@@ -56,7 +56,7 @@ const PngOverviewGenerator = ({ userName, beerData, fullBeerData, filterDateRang
   const low5Beers = processTopBeers(beerData, 'rating_score', 5, 'desc');
 
   return (
-    <PngOverview
+    <Wrapped
       userName={userName}
       captureScreenshot={captureScreenshot}
       stats={stats}
@@ -68,4 +68,4 @@ const PngOverviewGenerator = ({ userName, beerData, fullBeerData, filterDateRang
   );
 };
 
-export default PngOverviewGenerator;
+export default WrappedGenerator;
diff --git a/src/utils/formatPNGDates.js b/src/utils/formatWrappedDates.js
similarity index 95%
rename from src/utils/formatPNGDates.js
rename to src/utils/formatWrappedDates.js
index 6f0b432..0922abf 100644
--- a/src/utils/formatPNGDates.js
+++ b/src/utils/formatWrappedDates.js
@@ -1,4 +1,4 @@
-export const formatPngDates = (start, end) => {
+export const formatWrappedDates = (start, end) => {
   const startDate = new Date(start);
   const endDate = new Date(end);
 
diff --git a/src/utils/index.js b/src/utils/index.js
index bba7418..baefa98 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -19,7 +19,7 @@ import { statsCountUnique } from './statsCountUnique';
 import { statsCountUniqueFriends } from './statsCountUniqueFriends';
 import { checkFullDateRange } from './checkFullDateRange';
 import { getBarChartHourData } from './getBarChartHourData';
-import { formatPngDates } from './formatPngDates';
+import { formatWrappedDates } from './formatWrappedDates';
 import { getOverviewStats } from './getOverviewStats';
 
 export {
@@ -44,6 +44,6 @@ export {
   statsCountUnique,
   statsCountUniqueFriends,
   checkFullDateRange,
-  formatPngDates,
+  formatWrappedDates,
   getOverviewStats,
 };