diff --git a/packages/frontend/public/images/icons/block-present.svg b/packages/frontend/public/images/icons/block-present.svg
new file mode 100644
index 00000000..a4ae3300
--- /dev/null
+++ b/packages/frontend/public/images/icons/block-present.svg
@@ -0,0 +1,14 @@
+<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4813_36910)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6446 0.210938C8.74835 0.210938 5.58984 3.36944 5.58984 7.26565V7.89144C5.58984 9.46468 6.03617 10.9337 6.8091 12.1787L0.558984 14.3965L0 14.5969V15.1875V41.3438V41.9027L0.516797 42.1242L26.673 53.093L27 53.2301L27.327 53.093L53.4832 42.1242L54 41.9027V41.3438V15.1875V14.5863L53.441 14.3859L47.1097 12.1393C47.8677 10.9028 48.3047 9.44813 48.3047 7.89144V7.26565C48.3047 3.36944 45.1462 0.210938 41.25 0.210938C36.6623 0.210938 32.6304 2.59014 30.3208 6.18197L27.2848 5.10469L27 5.00977V5.02031L26.7152 5.11523L23.5988 6.22106C21.2933 2.60741 17.2488 0.210938 12.6446 0.210938ZM22.0628 6.7661C20.0091 3.76344 16.557 1.79297 12.6446 1.79297C9.62208 1.79297 7.17188 4.24317 7.17188 7.26565V7.89144C7.17188 8.57594 7.27675 9.23594 7.4713 9.85626C8.72635 8.41382 10.9753 6.8345 14.0752 7.23099C15.2543 7.38181 16.416 7.81584 17.4967 8.38634L22.0628 6.7661ZM19.3322 9.52281L22.9214 8.24959C23.2239 8.87709 23.4707 9.53655 23.6552 10.2215C23.0742 10.72 22.604 11.3439 22.2867 12.0514C21.5732 11.3236 20.6635 10.5002 19.6347 9.74149C19.5352 9.66816 19.4344 9.59521 19.3322 9.52281ZM15.3305 9.15498C14.843 8.98419 14.3552 8.86173 13.8745 8.80024C11.0383 8.43747 9.06728 10.2174 8.22532 11.4575C8.26396 11.517 8.30353 11.5759 8.34403 11.634L15.3305 9.15498ZM9.59085 12.9784L17.4633 10.1858C17.8844 10.4414 18.297 10.7207 18.6957 11.0147C20.0308 11.9993 21.1493 13.1027 21.84 13.8952C21.8347 13.9913 21.832 14.0881 21.832 14.1855V14.4492H13.7296C12.1603 14.4492 10.7196 13.8979 9.59085 12.9784ZM7.90433 13.5767L3.18516 15.2508L11.9315 18.919L18.9043 16.0312H13.7296C11.4463 16.0312 9.38251 15.0911 7.90433 13.5767ZM23.0389 16.0312H25.6289H28.2656H31.0205L34.0071 17.3769L39.6661 19.9265L27 25.2387L13.9858 19.7805L19.7688 17.3855L23.0389 16.0312ZM34.8717 16.0312H40.1649C42.4622 16.0312 44.5372 15.0795 46.0172 13.5489L50.8148 15.2508L41.6607 19.09L34.8717 16.0312ZM45.5771 11.5955C45.6522 11.4861 45.724 11.3742 45.7924 11.2601C44.8836 10.0382 42.9725 8.45633 40.2837 8.80024C39.7818 8.86444 39.2724 8.99507 38.7635 9.17777L45.5771 11.5955ZM36.6368 10.2213L38.9074 11.0268L44.3355 12.9523C43.2021 13.8875 41.7491 14.4492 40.1649 14.4492H32.2734V14.1855C32.2734 14.1076 32.2717 14.03 32.2683 13.9528C32.9543 13.1567 34.0948 12.0233 35.4625 11.0147C35.8429 10.7342 36.2358 10.4671 36.6368 10.2213ZM36.61 8.41366C37.7053 7.82972 38.8851 7.38421 40.083 7.23099C43.0255 6.85463 45.2013 8.25857 46.4881 9.63582C46.641 9.08039 46.7227 8.49545 46.7227 7.89144V7.26565C46.7227 4.24317 44.2725 1.79297 41.25 1.79297C37.3543 1.79297 33.915 3.74658 31.8582 6.72753L36.61 8.41366ZM30.9886 8.21765L34.7734 9.56025C34.6891 9.62034 34.6058 9.68078 34.5235 9.74149C33.4772 10.5131 32.554 11.3516 31.8352 12.0885C31.4876 11.2969 30.9493 10.6081 30.2784 10.0803C30.4614 9.43424 30.7 8.81154 30.9886 8.21765ZM29.4891 7.68572C29.2468 8.20202 29.0375 8.73688 28.864 9.28759C28.2997 9.07886 27.6895 8.96484 27.0527 8.96484C26.3446 8.96484 25.6693 9.10585 25.0536 9.3613C24.8791 8.79602 24.6671 8.24721 24.4204 7.71781L27 6.80273L29.4891 7.68572ZM23.4141 14.1855C23.4141 12.176 25.0432 10.5469 27.0527 10.5469C29.0623 10.5469 30.6914 12.176 30.6914 14.1855V14.4492H23.4141V14.1855ZM1.6875 40.7848L10.7578 44.5888V20.2572L1.6875 16.4531V40.7848ZM26.1562 51.0469L12.3398 45.2523V20.9207L26.1562 26.7152V51.0469ZM27.8438 26.7152L40.8164 21.2745V45.6062L27.8438 51.0469V26.7152ZM42.3984 20.611V44.9427L52.3125 40.7848V16.4531L42.3984 20.611Z" fill="url(#paint0_linear_4813_36910)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_4813_36910" x1="27" y1="0.210937" x2="27" y2="53.2301" gradientUnits="userSpaceOnUse">
+<stop stop-color="#008DE4"/>
+<stop offset="1" stop-color="#008DE4" stop-opacity="0.6"/>
+</linearGradient>
+<clipPath id="clip0_4813_36910">
+<rect width="54" height="54" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/frontend/src/app/home/Home.js b/packages/frontend/src/app/home/Home.js
index 449bd862..19a09476 100644
--- a/packages/frontend/src/app/home/Home.js
+++ b/packages/frontend/src/app/home/Home.js
@@ -83,6 +83,7 @@ function Home () {
         documents={status.data?.documentsCount}
         identities={status.data?.identitiesCount}
         loading={status.loading}
+        event={'christmas'}
       />
     </Container>
 
diff --git a/packages/frontend/src/components/blocks/BlocksTotal.js b/packages/frontend/src/components/blocks/BlocksTotal.js
index 2d0db4e1..4f57c62c 100644
--- a/packages/frontend/src/components/blocks/BlocksTotal.js
+++ b/packages/frontend/src/components/blocks/BlocksTotal.js
@@ -25,6 +25,7 @@ export default function BlocksTotal () {
 
   return (
     <TotalCards
+      event={'christmas'}
       cards={[
         {
           title: 'Epoch:',
diff --git a/packages/frontend/src/components/total/TotalCards.js b/packages/frontend/src/components/total/TotalCards.js
index cfda0346..dcbb04aa 100644
--- a/packages/frontend/src/components/total/TotalCards.js
+++ b/packages/frontend/src/components/total/TotalCards.js
@@ -3,7 +3,7 @@ import ValueBlock from './ValueBlock'
 import { Box } from '@chakra-ui/react'
 import './TotalCards.scss'
 
-export default function TotalCards ({ cards, loading = false }) {
+export default function TotalCards ({ cards, event = null, loading = false }) {
   return (
     <div className={'TotalCards'}>
         {cards.map((card, i) => (
@@ -14,6 +14,7 @@ export default function TotalCards ({ cards, loading = false }) {
                     value={card.value}
                     icon={card.icon}
                     formats={card.format}
+                    event={event}
                   />
                 : <Box h={'27px'}/>
               }
diff --git a/packages/frontend/src/components/total/TotalInfo.js b/packages/frontend/src/components/total/TotalInfo.js
index 783c4f17..902b7c52 100644
--- a/packages/frontend/src/components/total/TotalInfo.js
+++ b/packages/frontend/src/components/total/TotalInfo.js
@@ -3,10 +3,22 @@ import './TotalInfoItem.scss'
 import { Container, Flex } from '@chakra-ui/react'
 import Link from 'next/link'
 
-export default function TotalInfo ({ blocks, transactions, dataContracts, documents, identities, loading }) {
+export default function TotalInfo ({
+  blocks,
+  transactions,
+  dataContracts,
+  documents,
+  identities,
+  loading,
+  event = null
+}) {
+  const eventClasses = {
+    christmas: 'TotalInfo--Christmas'
+  }
+
   return (
     <Container
-      className={'TotalInfo'}
+      className={`TotalInfo ${event ? eventClasses?.[event] : ''}`}
       maxW={'none'}
       borderColor={'gray.800'}
       p={0}
diff --git a/packages/frontend/src/components/total/TotalInfoItem.scss b/packages/frontend/src/components/total/TotalInfoItem.scss
index d899ea06..4a98d61f 100644
--- a/packages/frontend/src/components/total/TotalInfoItem.scss
+++ b/packages/frontend/src/components/total/TotalInfoItem.scss
@@ -75,7 +75,19 @@
       background-size: contain;
     }
   }
-  
+
+  .TotalInfo--Christmas & {
+    &--Blocks {
+      &::before {
+        background: url('/images/icons/block-present.svg') no-repeat center;
+        background-size: contain;
+        height: 48px;
+        width: 48px;
+        margin-bottom: 16px;
+      }
+    }
+  }
+
   &__Title {
     color: $color-brand-normal;
     font-size: 0.875rem;
diff --git a/packages/frontend/src/components/total/ValueBlock.js b/packages/frontend/src/components/total/ValueBlock.js
index c9f5b44a..210be2df 100644
--- a/packages/frontend/src/components/total/ValueBlock.js
+++ b/packages/frontend/src/components/total/ValueBlock.js
@@ -1,7 +1,10 @@
 import './ValueBlock.scss'
 
-export default function ValueBlock ({ title, value, icon, formats = [], className }) {
+export default function ValueBlock ({ title, value, icon, formats = [], event = null, className }) {
   const iconClass = `ValueBlock--${icon}`
+  const eventClasses = {
+    christmas: 'ValueBlock--Christmas'
+  }
 
   const formatClass = formats.map(format => {
     if (format === 'elipsed') return 'ValueBlock__Value--Elipsed'
@@ -9,7 +12,7 @@ export default function ValueBlock ({ title, value, icon, formats = [], classNam
   }).join(' ')
 
   return (
-    <div className={`ValueBlock ${iconClass} ${className}`}>
+    <div className={`ValueBlock ${iconClass || ''} ${className || ''} ${event ? eventClasses?.[event] : ''}`}>
         {icon &&
             <div className={'ValueBlock__Icon'}></div>
         }
diff --git a/packages/frontend/src/components/total/ValueBlock.scss b/packages/frontend/src/components/total/ValueBlock.scss
index 4a07a542..85934980 100644
--- a/packages/frontend/src/components/total/ValueBlock.scss
+++ b/packages/frontend/src/components/total/ValueBlock.scss
@@ -2,101 +2,113 @@
 @import '../../styles/variables.scss';
 
 .ValueBlock {
-    position: relative;
-    display: flex;
-    align-items: center;
-    padding-left: 44px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding-left: 44px;
 
+  &::before {
+    content: '';
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 28px;
+    height: 28px;
+  }
+
+  &--Blocks {
     &::before {
-        content: '';
-        display: block;
-        position: absolute;
-        left: 0;
-        top: 50%;
-        transform: translateY(-50%);
-        width: 28px;
-        height: 28px;
+      background: url('/images/icons/block.svg') no-repeat center;
+      background-size: contain;
     }
+  }
 
-    &--Blocks {
-        &::before {
-            background: url("/images/icons/transactions.svg") no-repeat center;
-            background-size: contain;
-        }
+  &--Transactions {
+    &::before {
+      background: url('/images/icons/transactions.svg') no-repeat center;
+      background-size: contain;
     }
+  }
 
-    &--Transactions {
-        &::before {
-            background: url('/images/icons/block.svg') no-repeat center;
-            background-size: contain;
-        }
+  &--Timer {
+    &::before {
+      background: url('/images/icons/timer.svg') no-repeat center;
+      background-size: contain;
     }
+  }
 
-    &--Timer {
-        &::before {
-            background: url('/images/icons/timer.svg') no-repeat center;
-            background-size: contain;
-        }
+  &--Epoch {
+    &::before {
+      background: url('/images/icons/timer.svg') no-repeat center;
+      background-size: contain;
     }
+  }
 
-    &--Epoch {
-        &::before {
-            background: url('/images/icons/timer.svg') no-repeat center;
-            background-size: contain;
-        }
+  &--Sandglass {
+    &::before {
+      background: url('/images/icons/sandglass.svg') no-repeat center;
+      background-size: contain;
     }
+  }
 
-    &--Sandglass {
-        &::before {
-            background: url('/images/icons/sandglass.svg') no-repeat center;
-            background-size: contain;
-        }
+  &--Nodes {
+    &::before {
+      background: url('/images/icons/nodes.svg') no-repeat center;
+      background-size: contain;
     }
+  }
 
-    &--Nodes {
-        &::before {
-            background: url('/images/icons/nodes.svg') no-repeat center;
-            background-size: contain;
-        }
+  &--Coins {
+    &::before {
+      background: url('/images/icons/coins.svg') no-repeat center;
+      background-size: contain;
     }
+  }
 
-    &--Coins {
-        &::before {
-            background: url('/images/icons/coins.svg') no-repeat center;
-            background-size: contain;
-        }
+  &--StarCheck {
+    &::before {
+      background: url('/images/icons/star-check.svg') no-repeat center;
+      background-size: contain;
     }
+  }
 
-    &--StarCheck {
-        &::before {
-            background: url('/images/icons/star-check.svg') no-repeat center;
-            background-size: contain;
-        }
+  &--Christmas.ValueBlock {
+    &--Blocks {
+      &::before {
+        background: url('/images/icons/block-present.svg') no-repeat center;
+        background-size: contain;
+        width: 30px;
+        height: 30px;
+        margin: -1px;
+      }
     }
+  }
+
+  &__Title {
+    color:  var(--chakra-colors-brand-deep);
+    font-size: 1rem;
+    margin-right: 10px;
+    white-space: nowrap;
+  }
 
-    &__Title {
-        color:  var(--chakra-colors-brand-deep);
-        font-size: 1rem;
-        margin-right: 10px;
-        white-space: nowrap;
+  &__Value {
+    font-size: 1.125rem;
+
+    &--Loading {
+      @include mixins.LoadingLine;
+
+      opacity: .5;
+      border-radius: 5px;
+      animation-delay: 100ms;
     }
-    
-    &__Value {
-        font-size: 1.125rem;
-
-        &--Loading {
-            @include mixins.LoadingLine;
-    
-            opacity: .5;
-            border-radius: 5px;
-            animation-delay: 100ms;
-        }
-
-        &--Elipsed {
-            max-width: 100%;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
+
+    &--Elipsed {
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
+  }
 }
\ No newline at end of file