diff --git a/src/lib/components/Buttons/Close/index.svelte b/src/lib/components/Buttons/Close/index.svelte
index c2cb0d3f..7404fdb8 100644
--- a/src/lib/components/Buttons/Close/index.svelte
+++ b/src/lib/components/Buttons/Close/index.svelte
@@ -5,7 +5,7 @@
   export let onClick;
   export let contained;
   export let color = 'text-primary-700 bg-primary-200 dark:bg-gray-500';
-  export let size = 'large';
+  export let size = 'small';
 </script>
 
 <IconButton {onClick} {color} {contained} {size}>
diff --git a/src/lib/components/PageNav/index.svelte b/src/lib/components/PageNav/index.svelte
index e608c344..ad7907be 100644
--- a/src/lib/components/PageNav/index.svelte
+++ b/src/lib/components/PageNav/index.svelte
@@ -64,9 +64,9 @@
     <div class="flex justify-evenly items-center">
       {#each navItems as item}
         <a
-          class="mr-5 pb-2 text-sm flex items-center relative {item.isActive
+          class="mr-5 pb-2 text-sm font-bold flex items-center relative {item.isActive
             ? 'text-primary-700'
-            : 'dark:bg-gray-500 dark:text-white'}"
+            : 'dark:text-white text-black'}"
           href={item.href}
         >
           {item.label}