diff --git a/app/frontend/images/default-image.png b/app/frontend/images/default-image.png
new file mode 100644
index 000000000..ea4f8a803
Binary files /dev/null and b/app/frontend/images/default-image.png differ
diff --git a/app/frontend/src/javascript/components/machines/machine-card.tsx b/app/frontend/src/javascript/components/machines/machine-card.tsx
index 10a360634..37b2b9160 100644
--- a/app/frontend/src/javascript/components/machines/machine-card.tsx
+++ b/app/frontend/src/javascript/components/machines/machine-card.tsx
@@ -49,7 +49,7 @@ const MachineCard: React.FC<MachineCardProps> = ({ user, machine, onShowMachine,
     }
 
     return (
-      <div className="machine-picture" style={{ backgroundImage: `url(${machine.machine_image})` }} onClick={handleShowMachine} />
+      <div className="machine-picture" style={{ backgroundImage: `url(${machine.machine_image}), url('/default-image.png')` }} onClick={handleShowMachine} />
     );
   };
 
diff --git a/app/frontend/src/stylesheets/modules/machines/machine-card.scss b/app/frontend/src/stylesheets/modules/machines/machine-card.scss
index cb26def75..09bb7c380 100644
--- a/app/frontend/src/stylesheets/modules/machines/machine-card.scss
+++ b/app/frontend/src/stylesheets/modules/machines/machine-card.scss
@@ -63,18 +63,8 @@
     border-top-right-radius: 5px;
     position: relative;
 
-    &.no-picture::before {
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      content: '\f03e';
-      font-family: 'Font Awesome 5 Free' !important;
-      font-weight: 900;
-      font-size: 80px;
-      color: #ebebeb;
+    &.no-picture {
+      background-image: url('../../../../images/default-image.png');
     }
   }
 
diff --git a/public/default-image.png b/public/default-image.png
new file mode 100644
index 000000000..ea4f8a803
Binary files /dev/null and b/public/default-image.png differ