diff --git a/Dockerfile b/Dockerfile
index d61d369e..ca077162 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -29,8 +29,9 @@ WORKDIR /app
 COPY backend ./backend
 COPY --from=backend /app/backend/node_modules ./backend/node_modules
 
-# Copy logos folder for frontend
+# Copy logos and fonts folders for frontend
 COPY frontend/logos ./frontend/logos
+COPY frontend/fonts ./frontend/fonts
 
 # Copy built frontend
 COPY --from=frontend-build /app/frontend/build ./frontend/build
diff --git a/frontend/src/components/VersionSelector.tsx b/frontend/src/components/VersionSelector.tsx
index fbd088d1..f9fb981d 100644
--- a/frontend/src/components/VersionSelector.tsx
+++ b/frontend/src/components/VersionSelector.tsx
@@ -37,7 +37,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
         {/* ESV Card */}
         <div
           onClick={() => onVersionSelect('esv')}
-          className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer transform hover:-translate-y-1 overflow-hidden"
+          className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-[0_0_20px_rgb(37,99,235)] overflow-hidden"
         >
           <div className="p-6">
             <div className="flex flex-col items-center text-center">
@@ -60,7 +60,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
         {/* NKJV Card */}
         <div
           onClick={() => onVersionSelect('nkjv')}
-          className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer transform hover:-translate-y-1 overflow-hidden"
+          className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-[0_0_20px_rgb(37,99,235)] overflow-hidden"
         >
           <div className="p-6">
             <div className="flex flex-col items-center text-center">
@@ -83,7 +83,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
         {/* NLT Card */}
         <div
           onClick={() => onVersionSelect('nlt')}
-          className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer transform hover:-translate-y-1 overflow-hidden"
+          className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-[0_0_20px_rgb(37,99,235)] overflow-hidden"
         >
           <div className="p-6">
             <div className="flex flex-col items-center text-center">
@@ -106,7 +106,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
         {/* CSB Card */}
         <div
           onClick={() => onVersionSelect('csb')}
-          className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer transform hover:-translate-y-1 overflow-hidden"
+          className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-[0_0_20px_rgb(37,99,235)] overflow-hidden"
         >
           <div className="p-6">
             <div className="flex flex-col items-center text-center">