diff --git a/src/assets/webfonts/org fonts/Habbo-b.ttf b/src/assets/webfonts/org fonts/Habbo-b.ttf
new file mode 100644
index 0000000..4f910a8
Binary files /dev/null and b/src/assets/webfonts/org fonts/Habbo-b.ttf differ
diff --git a/src/assets/webfonts/org fonts/Habbo-i.ttf b/src/assets/webfonts/org fonts/Habbo-i.ttf
new file mode 100644
index 0000000..93e724f
Binary files /dev/null and b/src/assets/webfonts/org fonts/Habbo-i.ttf differ
diff --git a/src/assets/webfonts/org fonts/Habbo-m.ttf b/src/assets/webfonts/org fonts/Habbo-m.ttf
new file mode 100644
index 0000000..7c389f1
Binary files /dev/null and b/src/assets/webfonts/org fonts/Habbo-m.ttf differ
diff --git a/src/assets/webfonts/org fonts/Habbo-t.ttf b/src/assets/webfonts/org fonts/Habbo-t.ttf
new file mode 100644
index 0000000..446cf4d
Binary files /dev/null and b/src/assets/webfonts/org fonts/Habbo-t.ttf differ
diff --git a/src/assets/webfonts/org fonts/Habbo.ttf b/src/assets/webfonts/org fonts/Habbo.ttf
new file mode 100644
index 0000000..60e97ff
Binary files /dev/null and b/src/assets/webfonts/org fonts/Habbo.ttf differ
diff --git a/src/components/camera/views/CameraWidgetCheckoutView.tsx b/src/components/camera/views/CameraWidgetCheckoutView.tsx
index 2ab2f5b..fe67aee 100644
--- a/src/components/camera/views/CameraWidgetCheckoutView.tsx
+++ b/src/components/camera/views/CameraWidgetCheckoutView.tsx
@@ -81,15 +81,17 @@ export const CameraWidgetCheckoutView: FC<CameraWidgetCheckoutViewProps> = props
 
     if(!price) return null;
 
+    const displayUrl = pictureUrl || base64Url;
+
     return (
         <NitroCardView className="nitro-camera-checkout" theme="primary-slim">
             <NitroCardHeaderView headerText={ LocalizeText('camera.confirm_phase.title') } onCloseClick={ event => processAction('close') } />
             <NitroCardContentView>
                 <div className="flex items-center justify-center">
-                    { (pictureUrl && pictureUrl.length) &&
-                        <LayoutImage className="picture-preview border" imageUrl={ pictureUrl } /> }
-                    { (!pictureUrl || !pictureUrl.length) &&
-                        <div className="flex items-center justify-center picture-preview border">
+                    { (displayUrl && displayUrl.length) &&
+                        <LayoutImage className="picture-preview border w-[320px] h-[320px]" imageUrl={ displayUrl } /> }
+                    { (!displayUrl || !displayUrl.length) &&
+                        <div className="flex items-center justify-center picture-preview border w-[320px] h-[320px]">
                             <Text bold>{ LocalizeText('camera.loading') }</Text>
                         </div> }
                 </div>