diff --git a/src/components/PreviewModal.vue b/src/components/PreviewModal.vue
index 4105328..956468d 100644
--- a/src/components/PreviewModal.vue
+++ b/src/components/PreviewModal.vue
@@ -3,7 +3,7 @@
   <div class="fixed inset-0 flex items-center justify-center z-50 pointer-events-none">
     <!-- Apply pointer-events-auto ONLY to the modal itself so it can be interacted with -->
     <div
-      class="bg-gray-800 rounded-lg overflow-auto scrollbar-hide shadow-lg pointer-events-auto relative"
+      class="bg-gray-800 rounded-lg overflow-auto scrollbar-hide shadow-lg pointer-events-auto relative border border-gray-400"
       :class="{ invisible: !isModalOpen, visible: isModalOpen }"
       :style="{
         transform: `translate3d(${position.x}px, ${position.y + (isModalOpen ? 0 : -20)}px, 0)`,