diff --git a/src/components/card/DownloadCard.jsx b/src/components/card/DownloadCard.jsx
index 27ca56e..74527f1 100644
--- a/src/components/card/DownloadCard.jsx
+++ b/src/components/card/DownloadCard.jsx
@@ -6,7 +6,7 @@ const {title, downloadURL, buttonText, downloadType, checksum} = props;
   return (
     <div className="border border-bg-200 rounded-md p-6">
       <div className="flex flex-col sm:flex-row gap-2 justify-between items-center">
-        <h2 class="text-xl font-semibold">{title}</h2>
+        <h2 className="text-xl font-semibold">{title}</h2>
         <a
           href={downloadURL}
           className="flex justify-center text-center items-center px-4 h-12 w-full sm:w-fit bg-slate-200 hover:bg-slate-300 text-base text-black rounded"
diff --git a/src/components/card/FeatureCard.jsx b/src/components/card/FeatureCard.jsx
index b2811c2..453f444 100644
--- a/src/components/card/FeatureCard.jsx
+++ b/src/components/card/FeatureCard.jsx
@@ -7,7 +7,7 @@ function FeatureCard(props) {
   return (
     <div className="h-full col-span-12 sm:col-span-6 xl:col-span-3 p-4 md:p-6 border drop-shadow-sm md:drop-shadow-lg bg-white rounded-lg flex flex-col md:gap-2">
       <span className={`icon icon-medium text-blue-700 ${icon}`}></span>
-      <p class="text-lg font-semibold">{title}</p>
+      <p className="text-lg font-semibold">{title}</p>
       <p className="">{description}</p>
     </div>
   );
diff --git a/src/components/homepage/ShareYourSounds.jsx b/src/components/homepage/ShareYourSounds.jsx
index 98ce07c..818020a 100644
--- a/src/components/homepage/ShareYourSounds.jsx
+++ b/src/components/homepage/ShareYourSounds.jsx
@@ -10,15 +10,15 @@ function ShareYourSounds() {
   }
 
   return (
-    <section class="bg-[url('../assets/img/audiocom-background.webp')] bg-cover">
-      <div class="max-w-screen-xl mx-6 sm:mx-12 md:mx-16 xl:mx-auto py-12 grid gap-12 lg:grid-cols-12">
-        <div class="flex flex-col gap-8 lg:col-span-6 lg:col-start-7 lg:py-12">
-          <img src={AudioDotComLogo.src} class="w-20" alt="audio.com" />
+    <section className="bg-[url('../assets/img/audiocom-background.webp')] bg-cover">
+      <div className="max-w-screen-xl mx-6 sm:mx-12 md:mx-16 xl:mx-auto py-12 grid gap-12 lg:grid-cols-12">
+        <div className="flex flex-col gap-8 lg:col-span-6 lg:col-start-7 lg:py-12">
+          <img src={AudioDotComLogo.src} className="w-20" alt="audio.com" />
           <div>
-            <h2 class="text-white">Get free web space for your audio files</h2>
-            <p class="text-gray-300 mt-4">
+            <h2 className="text-white">Get free web space for your audio files</h2>
+            <p className="text-gray-300 mt-4">
               Host and share your audio instantly using our sister service
-              <a class="dark-hyperlink" href="https://audio.com">
+              <a className="dark-hyperlink" href="https://audio.com">
                 audio.com
               </a>
               .
@@ -26,16 +26,16 @@ function ShareYourSounds() {
           </div>
           <a
             href="https://audio.com"
-            class="px-4 py-2 bg-blue-700 w-fit text-white rounded hover:bg-blue-600"
+            className="px-4 py-2 bg-blue-700 w-fit text-white rounded hover:bg-blue-600"
           >
             Join for free
           </a>
         </div>
 
-        <div class="lg:col-start-1 lg:col-span-6 lg:row-start-1 items-center flex">
+        <div className="lg:col-start-1 lg:col-span-6 lg:row-start-1 items-center flex">
           {isClicked ? (
             <iframe
-              class="w-full aspect-video rounded-md shadow-xl"
+              className="w-full aspect-video rounded-md shadow-xl"
               loading="lazy"
               src="https://www.youtube-nocookie.com/embed/-rBOZ9Bi4rk"
               title="Introducing Audio.com"