diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
index a6d769d..fdfdba3 100644
--- a/src/pages/HomePage/sections/About.tsx
+++ b/src/pages/HomePage/sections/About.tsx
@@ -4,6 +4,7 @@ import Button from "@/components/ui/Button";
 import TextAnimation from "@/components/ui/TextAnimation";
 import ImageOrVideo from "@/components/ui/ImageOrVideo";
 import Tag from "@/components/ui/Tag";
+import Card from "@/components/ui/Card";
 
 const primaryButton = {
   text: "Our Story",
@@ -36,12 +37,14 @@ const AboutInline = () => {
         </div>
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 md:gap-12 items-stretch">
           <div className="flex flex-col gap-6 h-full">
-            <ul className="space-y-6 text-lg text-muted-foreground bg-card p-8 rounded-2xl border border-border flex-grow flex flex-col justify-center">
-              <li className="flex items-start gap-3"><span className="text-primary-cta mt-1">•</span><span>Five-Star Amenities including world-class dining and spa</span></li>
-              <li className="flex items-start gap-3"><span className="text-primary-cta mt-1">•</span><span>Luxurious Suites with premium bedding and stunning views</span></li>
-              <li className="flex items-start gap-3"><span className="text-primary-cta mt-1">•</span><span>Prime Location in the heart of the city</span></li>
-              <li className="flex items-start gap-3"><span className="text-primary-cta mt-1">•</span><span>Personalized 24/7 concierge services</span></li>
-            </ul>
+            <Card className="flex-grow flex flex-col justify-center p-8">
+              <ul className="space-y-6 text-lg text-muted-foreground">
+                <li className="flex items-start gap-3"><span className="text-primary-cta mt-1">•</span><span>Five-Star Amenities including world-class dining and spa</span></li>
+                <li className="flex items-start gap-3"><span className="text-primary-cta mt-1">•</span><span>Luxurious Suites with premium bedding and stunning views</span></li>
+                <li className="flex items-start gap-3"><span className="text-primary-cta mt-1">•</span><span>Prime Location in the heart of the city</span></li>
+                <li className="flex items-start gap-3"><span className="text-primary-cta mt-1">•</span><span>Personalized 24/7 concierge services</span></li>
+              </ul>
+            </Card>
 
             {(primaryButton || secondaryButton) && (
               <div className="flex flex-wrap gap-4 mt-auto">