diff --git a/javascript/global.css b/javascript/global.css
index 4f7ff5a..532ac8c 100644
--- a/javascript/global.css
+++ b/javascript/global.css
@@ -364,10 +364,23 @@
   border-width: 1px
 }
 
+.border-2 {
+  border-width: 2px
+}
+
+.border-solid {
+  border-style: solid
+}
+
 .border-none {
   border-style: none
 }
 
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity))
+}
+
 .bg-comfy-light {
   --tw-bg-opacity: 1;
   background-color: rgb(53 53 53 / var(--tw-bg-opacity))
diff --git a/javascript/global.css.js b/javascript/global.css.js
index 154959f..a37aab7 100644
--- a/javascript/global.css.js
+++ b/javascript/global.css.js
@@ -366,10 +366,23 @@ docStyle.innerHTML = `*, ::before, ::after {
   border-width: 1px
 }
 
+.border-2 {
+  border-width: 2px
+}
+
+.border-solid {
+  border-style: solid
+}
+
 .border-none {
   border-style: none
 }
 
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity))
+}
+
 .bg-comfy-light {
   --tw-bg-opacity: 1;
   background-color: rgb(53 53 53 / var(--tw-bg-opacity))
diff --git a/javascript/out.js b/javascript/out.js
index abcd37a..faebc3c 100644
--- a/javascript/out.js
+++ b/javascript/out.js
@@ -28164,7 +28164,7 @@
         className: "relative z-50",
         onClose: close
       },
-      /* @__PURE__ */ import_react33.default.createElement("div", { className: "fixed inset-0 flex w-screen items-center justify-center p-2" }, /* @__PURE__ */ import_react33.default.createElement(_t.Panel, { className: "w-full max-w-4xl rounded-xl bg-comfy-light px-4 relative" }, /* @__PURE__ */ import_react33.default.createElement(
+      /* @__PURE__ */ import_react33.default.createElement("div", { className: "fixed inset-0 flex w-screen items-center justify-center p-2" }, /* @__PURE__ */ import_react33.default.createElement(_t.Panel, { className: "w-full max-w-4xl rounded-xl  border-white border-solid border-2 bg-comfy-light px-4 relative" }, /* @__PURE__ */ import_react33.default.createElement(
         "span",
         {
           className: "font-semibold absolute top-0 left-0 m-4 cursor-pointer",
diff --git a/ui/src/SearchResultsDialog.jsx b/ui/src/SearchResultsDialog.jsx
index 44bc90a..d84b19e 100644
--- a/ui/src/SearchResultsDialog.jsx
+++ b/ui/src/SearchResultsDialog.jsx
@@ -13,7 +13,7 @@ function SearchResultsDialog({isOpen, close,data}) {
             onClose={close}
         >
         <div className="fixed inset-0 flex w-screen items-center justify-center p-2">
-            <Dialog.Panel className="w-full max-w-4xl rounded-xl bg-comfy-light px-4 relative">
+            <Dialog.Panel className="w-full max-w-4xl rounded-xl  border-white border-solid border-2 bg-comfy-light px-4 relative">
                         <span className={"font-semibold absolute top-0 left-0 m-4 cursor-pointer"}
                               onClick={close}>X</span>