diff --git a/src/components/GithubCard.astro b/src/components/GithubCard.astro
index 7863506..0c8a403 100644
--- a/src/components/GithubCard.astro
+++ b/src/components/GithubCard.astro
@@ -53,7 +53,7 @@ const repoLanguageColour = repo.language
             <p class="line-clamp-2 text-ellipsis">{repo.description}</p>
         </CardDescription>
     </CardHeader>
-    <CardFooter className="gap-4 text-xs text-muted-foreground">
+    <CardFooter className="text-muted-foreground gap-4 text-xs">
         {
             repo.language && (
                 <div class="flex items-center" title="Language">
diff --git a/src/components/ReferralCard.astro b/src/components/ReferralCard.astro
index 640a322..0755c79 100644
--- a/src/components/ReferralCard.astro
+++ b/src/components/ReferralCard.astro
@@ -28,8 +28,8 @@ const [company] = name.split(" - ");
     }
 
     <div class="mt-2 space-y-1 sm:mt-0">
-        <h1 class="text-balance text-lg font-semibold sm:text-wrap">{name}</h1>
-        <p class="text-balance text-sm text-muted-foreground sm:text-wrap">
+        <h1 class="text-lg font-semibold text-balance sm:text-wrap">{name}</h1>
+        <p class="text-muted-foreground text-sm text-balance sm:text-wrap">
             {description}
         </p>
         <a href={url} target="_blank" rel="noopener noreferrer">
diff --git a/src/components/TailwindIndicator.astro b/src/components/TailwindIndicator.astro
index 7c8743b..4109c73 100644
--- a/src/components/TailwindIndicator.astro
+++ b/src/components/TailwindIndicator.astro
@@ -5,7 +5,7 @@ if (import.meta.env.MODE === "production") return;
 ---
 
 <div
-    class="fixed bottom-1 right-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white"
+    class="fixed right-1 bottom-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white"
 >
     <div class="block sm:hidden">xs</div>
     <div class="hidden sm:block md:hidden">sm</div>
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 0cf3e73..8f6d269 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -17,7 +17,7 @@ import { ArrowLeft, Home } from "lucide-react";
 
         <h1 class="text-4xl font-bold">404</h1>
         <p class="text-center text-2xl">Sorry, this page couldn't be found.</p>
-        <p class="text-center text-muted-foreground">
+        <p class="text-muted-foreground text-center">
             But dont worry, you can find plenty of other things on the homepage.
         </p>
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index db6a2fb..e9561b0 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -21,7 +21,7 @@ import logo from "~/public/logo.png";
         />
         <div class="space-y-2 text-center">
             <h1 class="text-4xl font-bold">Seren_Modz 21</h1>
-            <p class="text-sm text-muted-foreground sm:text-base">
+            <p class="text-muted-foreground text-sm sm:text-base">
                 An inspired back-end developer from the <addr
                     title="United Kingdom"
                 >
@@ -29,7 +29,7 @@ import logo from "~/public/logo.png";
                 </addr>
             </p>
         </div>
-        <p class="max-w-2xl text-center text-lg text-muted-foreground">
+        <p class="text-muted-foreground max-w-2xl text-center text-lg">
             While I'm technically a full-stack developer, I mostly do back-end
             work because I suck at designing websites. Most of my projects are
             currently closed-source but my goal is to contribute more to