diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6c58b091..08f43142 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,7 +30,7 @@ export default function Home() {
   return (
     <div className={currTheme}>
       <div className="bg-background-image bg-cover bg-fixed bg-center bg-no-repeat">
-        <div className="bg-background-color relative">
+        <div className="relative bg-background-color">
           <Header />
           <div className="styled-scrollbar h-[90vh] space-y-24 overflow-y-scroll pt-16 md:h-[87vh]">
             <div className="m-auto flex w-fit flex-col items-center gap-3">
diff --git a/src/components/action-buttons/save-combo/index.tsx b/src/components/action-buttons/save-combo/index.tsx
index cda916d8..20d10a48 100644
--- a/src/components/action-buttons/save-combo/index.tsx
+++ b/src/components/action-buttons/save-combo/index.tsx
@@ -55,7 +55,7 @@ export function SaveCombo() {
           placeholder="combo name..."
           value={comboName}
           onChange={e => setComboName(e.target.value)}
-          className="text-primary-foreground placeholder:text-primary-foreground/60 bg-primary-foreground/5 form-input w-32 animate-show-input rounded-xl border-none px-2 py-0 text-center leading-none tracking-wider duration-300 placeholder:text-sm focus:ring-0"
+          className="form-input w-32 animate-show-input rounded-xl border-none bg-primary-foreground/5 px-2 py-0 text-center leading-none tracking-wider text-primary-foreground duration-300 placeholder:text-sm placeholder:text-primary-foreground/60 focus:ring-0"
           data-testid="combo-name-input"
         />
       )}
diff --git a/src/components/action-buttons/share/confirmation-modal.tsx b/src/components/action-buttons/share/confirmation-modal.tsx
index ee453729..686fd9c3 100644
--- a/src/components/action-buttons/share/confirmation-modal.tsx
+++ b/src/components/action-buttons/share/confirmation-modal.tsx
@@ -50,7 +50,7 @@ export function ConfirmationModal({ showModal, setShowModal }: Props) {
                     <button
                       onClick={closeModal}
                       data-umami-event="Confirm copy combo URL"
-                      className="w-full rounded-lg bg-dark-background/10 px-5 py-4 text-lg leading-none text-dark-background transition-colors hover:bg-dark-background hover:text-light-background md:w-fit md:py-3"
+                      className="bg-dark-background/10 text-dark-background hover:bg-dark-background hover:text-light-background w-full rounded-lg px-5 py-4 text-lg leading-none transition-colors md:w-fit md:py-3"
                     >
                       Ok, thanks!
                     </button>
diff --git a/src/components/config-menu/trigger-button.tsx b/src/components/config-menu/trigger-button.tsx
index 14403962..0dab170b 100644
--- a/src/components/config-menu/trigger-button.tsx
+++ b/src/components/config-menu/trigger-button.tsx
@@ -8,7 +8,7 @@ export function TriggerButton({ openModal }: Props) {
     <button
       type="button"
       onClick={openModal}
-      className="text-primary-foreground text-xl opacity-90 hover:opacity-100"
+      className="text-xl text-primary-foreground opacity-90 hover:opacity-100"
       data-umami-event="Open config menu"
       title="Open config menu"
     >