diff --git a/src/assets/images/inventory/trading/lock_locked.png b/src/assets/images/inventory/trading/lock_locked.png
new file mode 100644
index 0000000..7d9a3cb
Binary files /dev/null and b/src/assets/images/inventory/trading/lock_locked.png differ
diff --git a/src/assets/images/inventory/trading/lock_open.png b/src/assets/images/inventory/trading/lock_open.png
new file mode 100644
index 0000000..39bd355
Binary files /dev/null and b/src/assets/images/inventory/trading/lock_open.png differ
diff --git a/src/assets/images/inventory/trading/locked-icon.png b/src/assets/images/inventory/trading/locked-icon.png
deleted file mode 100644
index 4f54e2d..0000000
Binary files a/src/assets/images/inventory/trading/locked-icon.png and /dev/null differ
diff --git a/src/assets/images/inventory/trading/unlocked-icon.png b/src/assets/images/inventory/trading/unlocked-icon.png
deleted file mode 100644
index d6362c4..0000000
Binary files a/src/assets/images/inventory/trading/unlocked-icon.png and /dev/null differ
diff --git a/src/assets/styles/icons.scss b/src/assets/styles/icons.scss
index b4edd49..cbb258a 100644
--- a/src/assets/styles/icons.scss
+++ b/src/assets/styles/icons.scss
@@ -337,6 +337,27 @@
         width: 7px;
         height: 17px;
     }
+	
+	&.icon-lock-open {
+        background: url('@/assets/images/inventory/trading/lock_open.png');
+        background-repeat: no-repeat;
+        height: 43px;
+        width: 29px;
+    }
+
+    &.icon-lock-locked {
+        background: url('@/assets/images/inventory/trading/lock_locked.png');
+        background-repeat: no-repeat;
+        height: 44px;
+        width: 36px;
+    }
+
+    &.icon-confirmed {
+        background: url('@/assets/images/inventory/confirmed.png');
+        background-repeat: no-repeat;
+        height: 18px;
+        width: 18px;
+    }
 
     &.icon-sign-heart {
         background: url('@/assets/images/icons/sign-heart.png');
diff --git a/src/components/notification-center/views/bubble-layouts/GetBubbleLayout.tsx b/src/components/notification-center/views/bubble-layouts/GetBubbleLayout.tsx
index b22a2f6..f4f9d24 100644
--- a/src/components/notification-center/views/bubble-layouts/GetBubbleLayout.tsx
+++ b/src/components/notification-center/views/bubble-layouts/GetBubbleLayout.tsx
@@ -1,18 +1,17 @@
-import { NotificationBubbleItem, NotificationBubbleType } from '../../../../api';
-import { NotificationClubGiftBubbleView } from './NotificationClubGiftBubbleView';
-import { NotificationDefaultBubbleView } from './NotificationDefaultBubbleView';
+import { NotificationBubbleItem, NotificationBubbleType } from "../../../../api";
+import { NotificationClubGiftBubbleView } from "./NotificationClubGiftBubbleView";
+import { NotificationDefaultBubbleView } from "./NotificationDefaultBubbleView";
 
-export const GetBubbleLayout = (item: NotificationBubbleItem, onClose: () => void) =>
-{
-    if(!item) return null;
+export const GetBubbleLayout = ( item: NotificationBubbleItem, onClose: () => void ) => {
 
-    const props = { key: item.id, item, onClose };
+  if (!item) return null;
 
-    switch(item.notificationType)
-    {
-        case NotificationBubbleType.CLUBGIFT:
-            return <NotificationClubGiftBubbleView { ...props } />
-        default:
-            return <NotificationDefaultBubbleView { ...props } />
-    }
-}
+  const props = { key: item.id, item, onClose };
+
+  switch (item.notificationType) {
+    case NotificationBubbleType.CLUBGIFT:
+      return <NotificationClubGiftBubbleView {...props} />;
+    default:
+      return <NotificationDefaultBubbleView {...props} />;
+  }
+};
\ No newline at end of file