diff --git a/apps/edr-passenger-web/portal/src/app/booking/results/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/results/page.tsx
index 574652cde..0f8ac2004 100644
--- a/apps/edr-passenger-web/portal/src/app/booking/results/page.tsx
+++ b/apps/edr-passenger-web/portal/src/app/booking/results/page.tsx
@@ -951,7 +951,7 @@ export default function ResultsPage() {
           <div className="container mx-auto px-4">
             <div className="max-w-2xl mx-auto">
               <div className="card text-center">
-                <div className="w-20 h-20 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center mx-auto mb-6">
+                <div className="hidden sm:flex w-20 h-20 bg-gray-100 dark:bg-gray-800 rounded-full items-center justify-center mx-auto mb-6">
                   <Calendar className="w-10 h-10 text-gray-400 dark:text-gray-500" />
                 </div>
                 <h2 className="text-2xl font-bold mb-3 text-gray-900 dark:text-gray-100">
@@ -986,7 +986,7 @@ export default function ResultsPage() {
           <div className="container mx-auto px-4">
             <div className="max-w-6xl mx-auto">
               <div className="card text-center mb-8 max-w-3xl mx-auto">
-                <div className="w-20 h-20 bg-amber-100 dark:bg-amber-900/30 rounded-full flex items-center justify-center mx-auto mb-6">
+                <div className="hidden sm:flex w-20 h-20 bg-amber-100 dark:bg-amber-900/30 rounded-full items-center justify-center mx-auto mb-6">
                   <Calendar className="w-10 h-10 text-amber-500" />
                 </div>
                 <h2 className="text-2xl font-bold mb-3 text-gray-900 dark:text-gray-100">
@@ -1035,7 +1035,7 @@ export default function ResultsPage() {
         <div className="container mx-auto px-4">
           <div className="max-w-2xl mx-auto">
             <div className="card text-center">
-              <div className="w-20 h-20 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center mx-auto mb-6">
+              <div className="hidden sm:flex w-20 h-20 bg-gray-100 dark:bg-gray-800 rounded-full items-center justify-center mx-auto mb-6">
                 <Calendar className="w-10 h-10 text-gray-400 dark:text-gray-500" />
               </div>
               <h2 className="text-2xl font-bold mb-3 text-gray-900 dark:text-gray-100">
@@ -1173,7 +1173,7 @@ export default function ResultsPage() {
                     alternativeOutbound.length > 0 && (
                       <div className="mt-6">
                         <div className="card text-center mb-6 max-w-3xl mx-auto">
-                          <div className="w-16 h-16 bg-amber-100 dark:bg-amber-900/30 rounded-full flex items-center justify-center mx-auto mb-4">
+                          <div className="hidden sm:flex w-16 h-16 bg-amber-100 dark:bg-amber-900/30 rounded-full items-center justify-center mx-auto mb-4">
                             <Calendar className="w-8 h-8 text-amber-500" />
                           </div>
                           <h2 className="text-xl font-bold mb-2 text-gray-900 dark:text-gray-100">
@@ -1273,7 +1273,7 @@ export default function ResultsPage() {
                     alternativeInbound.length > 0 && (
                       <div className="mt-6">
                         <div className="card text-center mb-6 max-w-3xl mx-auto">
-                          <div className="w-16 h-16 bg-amber-100 dark:bg-amber-900/30 rounded-full flex items-center justify-center mx-auto mb-4">
+                          <div className="hidden sm:flex w-16 h-16 bg-amber-100 dark:bg-amber-900/30 rounded-full items-center justify-center mx-auto mb-4">
                             <Calendar className="w-8 h-8 text-amber-500" />
                           </div>
                           <h2 className="text-xl font-bold mb-2 text-gray-900 dark:text-gray-100">