diff --git a/app/layout.tsx b/app/layout.tsx
index 4369af43..f5910034 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -78,7 +78,7 @@ export default function RootLayout({
                 htmxEvents.forEach(event => {
                   const funcName = 'func ' + event;
                   if (typeof window[funcName] === 'undefined') {
-                    window[funcName] = function() { 
+                    window[funcName] = function() {
                       console.warn('HTMX event handler "' + funcName + '" was called but not defined. Providing safety fallback.');
                     };
                   }
diff --git a/bun.lock b/bun.lock
index a3de9819..ce2e7dd1 100644
--- a/bun.lock
+++ b/bun.lock
@@ -55,7 +55,6 @@
         "exa-js": "^1.6.13",
         "framer-motion": "^12.23.24",
         "geotiff": "^2.1.4-beta.1",
-        "glassmorphic": "^0.0.3",
         "katex": "^0.16.22",
         "lodash": "^4.17.21",
         "lottie-react": "^2.4.1",
@@ -1521,8 +1520,6 @@
 
     "gl-matrix": ["gl-matrix@3.4.4", "", {}, "sha512-latSnyDNt/8zYUB6VIJ6PCh2jBjJX6gnDsoCZ7LyW7GkqrD51EWwa9qCoGixj8YqBtETQK/xY7OmpTF8xz1DdQ=="],
 
-    "glassmorphic": ["glassmorphic@0.0.3", "", {}, "sha512-sbobZNaKuyup+X450P1brVofyXvl7flXdPGj8UyjvXdT3YXNYTWm3idk/dTcK0YxzhY0igk9t8e1UITP/vNAAw=="],
-
     "glob": ["glob@10.3.10", "", { "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^2.3.5", "minimatch": "^9.0.1", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", "path-scurry": "^1.10.1" }, "bin": { "glob": "dist/esm/bin.mjs" } }, "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g=="],
 
     "glob-parent": ["glob-parent@6.0.2", "", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],
diff --git a/components/resolution-image.tsx b/components/resolution-image.tsx
index 69def4b8..da685a70 100644
--- a/components/resolution-image.tsx
+++ b/components/resolution-image.tsx
@@ -27,7 +27,7 @@ export function ResolutionImage({ src, className, alt = 'Map Imagery' }: Resolut
       <Dialog>
         <DialogTrigger asChild>
           <motion.div
-            className="w-fit cursor-pointer relative glassmorphic overflow-hidden rounded-lg border bg-muted"
+            className="w-fit cursor-pointer relative backdrop-blur-md bg-background/30 border border-border/40 shadow-lg overflow-hidden rounded-lg"
             whileHover={{ scale: 1.02 }}
             whileTap={{ scale: 0.98 }}
           >
@@ -42,7 +42,7 @@ export function ResolutionImage({ src, className, alt = 'Map Imagery' }: Resolut
             </Card>
           </motion.div>
         </DialogTrigger>
-        <DialogContent className="sm:max-w-5xl max-h-[90vh] p-1 glassmorphic border-none">
+        <DialogContent className="sm:max-w-5xl max-h-[90vh] p-1 backdrop-blur-md bg-background/30 border border-border/40 shadow-lg">
           <DialogHeader className="sr-only">
             <DialogTitle>{alt}</DialogTitle>
           </DialogHeader>
diff --git a/components/search-results-image.tsx b/components/search-results-image.tsx
index 50229d01..c51422d5 100644
--- a/components/search-results-image.tsx
+++ b/components/search-results-image.tsx
@@ -21,7 +21,6 @@ import {
 import { useEffect, useState } from 'react'
 import { PlusCircle } from 'lucide-react'
 import { motion } from 'framer-motion'
-import 'glassmorphic/glassmorphic.css'
 
 interface SearchResultsImageSectionProps {
   images: string[]
@@ -67,12 +66,12 @@ export const SearchResultsImageSection: React.FC<
         <Dialog key={index}>
           <DialogTrigger asChild>
             <motion.div
-              className="w-[calc(50%-0.5rem)] md:w-[calc(25%-0.5rem)] aspect-video cursor-pointer relative glassmorphic"
+              className="w-[calc(50%-0.5rem)] md:w-[calc(25%-0.5rem)] aspect-video cursor-pointer relative backdrop-blur-md bg-background/30 border border-border/40 shadow-lg rounded-lg"
               onClick={() => setSelectedIndex(index)}
               whileHover={{ scale: 1.05 }}
               whileTap={{ scale: 0.95 }}
             >
-              <Card className="flex-1 h-full">
+              <Card className="flex-1 h-full bg-transparent border-none shadow-none">
                 <CardContent className="p-2 h-full w-full">
                   {image ? (
                     <img
@@ -95,7 +94,7 @@ export const SearchResultsImageSection: React.FC<
               )}
             </motion.div>
           </DialogTrigger>
-          <DialogContent className="sm:max-w-3xl max-h-[80vh] overflow-auto glassmorphic">
+          <DialogContent className="sm:max-w-3xl max-h-[80vh] overflow-auto backdrop-blur-md bg-background/30 border border-border/40 shadow-lg">
             <DialogHeader>
               <DialogTitle>Search Images</DialogTitle>
               <DialogDescription className="text-sm">{query}</DialogDescription>
diff --git a/package.json b/package.json
index 87066925..6b2b31ce 100644
--- a/package.json
+++ b/package.json
@@ -67,7 +67,6 @@
     "exa-js": "^1.6.13",
     "framer-motion": "^12.23.24",
     "geotiff": "^2.1.4-beta.1",
-    "glassmorphic": "^0.0.3",
     "katex": "^0.16.22",
     "lodash": "^4.17.21",
     "lottie-react": "^2.4.1",