diff --git a/src/frontend/src/components/fetchErrorComponent/index.tsx b/src/frontend/src/components/fetchErrorComponent/index.tsx
index 0e403c504..5320e62fc 100644
--- a/src/frontend/src/components/fetchErrorComponent/index.tsx
+++ b/src/frontend/src/components/fetchErrorComponent/index.tsx
@@ -26,10 +26,8 @@ export default function FetchErrorComponent({
               name="Unplug"
             ></IconComponent>
             <br></br>
-            <span className="text-lg text-almost-medium-blue">{message}</span>
-            <span className="text-lg text-almost-medium-blue">
-              {description}
-            </span>
+            <span className="text-lg text-primary">{message}</span>
+            <span className="text-lg text-primary">{description}</span>
           </div>
         </BaseModal.Content>
 
diff --git a/src/frontend/src/components/loadingComponent/index.tsx b/src/frontend/src/components/loadingComponent/index.tsx
index 35694820a..d7f261f93 100644
--- a/src/frontend/src/components/loadingComponent/index.tsx
+++ b/src/frontend/src/components/loadingComponent/index.tsx
@@ -7,7 +7,7 @@ export default function LoadingComponent({
     <div role="status" className="flex flex-col items-center justify-center">
       <svg
         aria-hidden="true"
-        className={`w-${remSize} h-${remSize} animate-spin fill-primary  text-muted`}
+        className={`w-${remSize} h-${remSize} animate-spin fill-primary text-muted`}
         viewBox="0 0 100 101"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index 9d59a284a..fb2f2f646 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -892,7 +892,7 @@
     @apply mx-auto mt-4 flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-almost-light-blue sm:mx-0 sm:h-10 sm:w-10;
   }
   .prompt-modal-icon {
-    @apply h-6 w-6 text-almost-medium-blue;
+    @apply h-6 w-6 text-primary;
   }
   .prompt-modal-txtarea-arrangement {
     @apply flex-max-width h-full flex-row items-center justify-center gap-4 overflow-auto bg-accent p-4;
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index a754db183..fd5acab36 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -53,7 +53,6 @@ module.exports = {
         connection: "var(--connection)",
         "almost-dark-gray": "var(--almost-dark-gray)",
         "almost-light-blue": "var(--almost-light-blue)",
-        "almost-medium-blue": "var(--almost-medium-blue)",
         "almost-medium-gray": "var(--almost-medium-gray)",
         "almost-medium-green": "var(--almost-medium-green)",
         "almost-medium-red": "var(--almost-medium-red)",