diff --git a/apps/backoffice/public/gacha-clip.png b/apps/backoffice/public/gacha-clip.png
new file mode 100644
index 0000000..9fe05c0
Binary files /dev/null and b/apps/backoffice/public/gacha-clip.png differ
diff --git a/apps/backoffice/public/lanyard-id-card.png b/apps/backoffice/public/lanyard-id-card.png
deleted file mode 100644
index 082efc7..0000000
Binary files a/apps/backoffice/public/lanyard-id-card.png and /dev/null differ
diff --git a/apps/backoffice/src/app/dashboard/page.tsx b/apps/backoffice/src/app/dashboard/page.tsx
index 16b771e..f360744 100644
--- a/apps/backoffice/src/app/dashboard/page.tsx
+++ b/apps/backoffice/src/app/dashboard/page.tsx
@@ -55,7 +55,7 @@ export const Components: FC = (): ReactElement => {
               {[1, 2, 3, 4, 5, 6].map((item) => (
                 <div
                   key={item}
-                  className="bg-white max-h-[80px] overflow-clip rounded-lg shadow-sm flex justify-between items-center border border-neutral-100"
+                  className="bg-white max-h-[80px] overflow-clip rounded-lg shadow-sm flex justify-between border border-neutral-100"
                 >
                   <div className="flex flex-col py-4 px-6 gap-4">
                     <div>
@@ -85,13 +85,12 @@ export const Components: FC = (): ReactElement => {
                     </div>
                   </div>
 
-                  <div className="w-60">
-                    <img
-                      src="lanyard-id-card.png"
-                      alt="Lanyard IMPHNEN"
-                      className="object-left-top"
-                    />
-                  </div>
+                  {/* Lebih baik gunakan gambar yang sudah di-clip dengan size height: 78px daripada hard-code object-position dan margin */}
+                  <img
+                    src="gacha-clip.png"
+                    alt="Lanyard IMPHNEN"
+                    className="h-full"
+                  />
                 </div>
               ))}
             </div>