diff --git a/src/app/[name]/loading.tsx b/src/app/[name]/loading.tsx
new file mode 100644
index 0000000..a21843d
--- /dev/null
+++ b/src/app/[name]/loading.tsx
@@ -0,0 +1,10 @@
+import LoadingOverlay from '@/components/overlays/LoadingOverlay'
+import React from 'react'
+
+function Loading() {
+  return (
+    <LoadingOverlay />
+  )
+}
+
+export default Loading
\ No newline at end of file
diff --git a/src/app/[name]/page.tsx b/src/app/[name]/page.tsx
index 33ba382..bfbeeea 100644
--- a/src/app/[name]/page.tsx
+++ b/src/app/[name]/page.tsx
@@ -211,7 +211,7 @@ const MenuIndex = () => {
 
       <section className="w-full">
         <div className="flex justify-between items-center">
-          <span className="text-base font-semibold">
+          <span className="text-base font-medium">
             {categories[selectedCategory]?.title}
           </span>
           <div className="inline-flex gap-2 justify-around items-center">