diff --git a/src/components/md-deck/CardPreview.tsx b/src/components/md-deck/CardPreview.tsx
index 0a450bf..d4459ea 100644
--- a/src/components/md-deck/CardPreview.tsx
+++ b/src/components/md-deck/CardPreview.tsx
@@ -26,11 +26,11 @@ export function CardPreview(props: CardPreviewProps) {
   let cardRef: HTMLDivElement | undefined;
 
   return (
-    <div class="flex justify-center">
+    <div class="flex justify-center drop-shadow">
       <Show when={store.state.activeTab < store.state.cards.length}>
         <div
           ref={cardRef}
-          class="relative bg-white border border-gray-300 shadow-lg overflow-hidden"
+          class="relative bg-white border border-gray-300 overflow-hidden"
           classList={{ 'select-none': store.state.isEditing }}
           style={{
             width: `${store.state.dimensions?.cardWidth}mm`,
diff --git a/src/components/md-deck/PltPreview.tsx b/src/components/md-deck/PltPreview.tsx
index 6734829..b6cd9f6 100644
--- a/src/components/md-deck/PltPreview.tsx
+++ b/src/components/md-deck/PltPreview.tsx
@@ -133,8 +133,8 @@ export function PltPreview(props: PltPreviewProps) {
               class="bg-white shadow-xl"
               viewBox={`0 0 ${parsedData().width} ${parsedData().height}`}
               style={{
-                width: `${Math.min(parsedData().width, 800)}px`,
-                height: `${(parsedData().height / parsedData().width) * Math.min(parsedData().width, 800)}px`
+                width: `${Math.min(parsedData().width, 800)}mm`,
+                height: `${(parsedData().height / parsedData().width) * Math.min(parsedData().width, 800)}mm`
               }}
               xmlns="http://www.w3.org/2000/svg"
             >