diff --git a/src/Pure.Blazor.Components/Display/PureCard.razor b/src/Pure.Blazor.Components/Display/PureCard.razor
index b2d20d6..e2a2852 100644
--- a/src/Pure.Blazor.Components/Display/PureCard.razor
+++ b/src/Pure.Blazor.Components/Display/PureCard.razor
@@ -4,25 +4,27 @@
 
 @if (Alignment == PureCardAlignment.Top)
 {
-    <div class="rounded sm:rounded-sm md:rounded-xs overflow-hidden shadow-lg border border-solid border-neutral-200 bg-white dark:bg-gray-800 dark:border-transparent @Styles">
+    <div class="@ApplyStyle("rounded-md sm:rounded-sm overflow-hidden shadow-md border border-solid border-gray-200 bg-gray-50")">
         @if (!string.IsNullOrWhiteSpace(ImageUrl))
         {
-            <img src="@ImageUrl">
+            <img src="@ImageUrl" alt="@ImageAlt"/>
         }
+
+
         <div class="px-2 py-2.5">
             @if (!string.IsNullOrWhiteSpace(Title))
             {
                 <Header2>@Title</Header2>
             }
-            <p class="text-base">
+            <div class="text-base">
                 @ChildContent
-            </p>
+            </div>
         </div>
     </div>
 }
 else
 {
-    <div class="w-full shadow-lg rounded sm:rounded-sm md:rounded-xs border border-solid border-neutral-200 bg-white dark:bg-gray-800 dark:border-transparent @Styles">
+    <div class="@ApplyStyle("w-full shadow-md rounded-md sm:rounded-sm border border-solid border-gray-200 bg-gray-50")">
         @if (!string.IsNullOrWhiteSpace(ImageUrl))
         {
             <div class="h-48 lg:h-auto lg:w-48 flex-none bg-cover text-center overflow-hidden" style="background-image: url('@ImageUrl')">
@@ -34,7 +36,7 @@ else
                 {
                     <Header2>@Title</Header2>
                 }
-                <p class="text-gray-800 text-base">@ChildContent</p>
+                <div class="text-gray-800 text-base">@ChildContent</div>
             </div>
         </div>
     </div>
@@ -47,4 +49,5 @@ else
     [Parameter] public PureCardAlignment Alignment { get; set; }
 
     [Parameter] public string? ImageUrl { get; set; }
+    [Parameter] public string? ImageAlt { get; set; }
 }
diff --git a/src/Pure.Blazor.Components/Pure.Blazor.Components.csproj b/src/Pure.Blazor.Components/Pure.Blazor.Components.csproj
index 0acc672..088da9a 100644
--- a/src/Pure.Blazor.Components/Pure.Blazor.Components.csproj
+++ b/src/Pure.Blazor.Components/Pure.Blazor.Components.csproj
@@ -7,7 +7,7 @@
     <LangVersion>preview</LangVersion>
     <GeneratePackageOnBuild>True</GeneratePackageOnBuild>
     <Title>PureBlazor Components</Title>
-    <Version>0.3.0</Version>
+    <Version>0.4.0</Version>
     <PackageId>PureBlazor.Components</PackageId>
     <Description>Blazor UI components for .NET Blazor with an optional headless mode.</Description>
     <PackageProjectUrl>https://pureblazor.com</PackageProjectUrl>