diff --git a/src/app/(main)/agency/[agencyId]/layout.tsx b/src/app/(main)/agency/[agencyId]/layout.tsx
index 6c5ff62..3a8eaba 100644
--- a/src/app/(main)/agency/[agencyId]/layout.tsx
+++ b/src/app/(main)/agency/[agencyId]/layout.tsx
@@ -1,5 +1,6 @@
+import Sidebar from '@/components/sidebar'
 import Unauthorized from '@/components/unauthorized'
-import { verifyAndAcceptInvitation } from '@/lib/queries'
+import { getNotificationAndUser, verifyAndAcceptInvitation } from '@/lib/queries'
 import { currentUser } from '@clerk/nextjs'
 import { redirect } from "next/navigation"
 import React from 'react'
@@ -28,8 +29,20 @@ const layout = async ({ children, params }: Props) => {
     )
         return <Unauthorized />
 
+    let allNoti: any = []
+    const notifications = await getNotificationAndUser(agencyId)
+    if (notifications) allNoti = notifications
+
     return (
-        <div>layout</div>
+        <div className='h-screen overflow-hidden'>
+            <Sidebar
+                id={params.agencyId}
+                type="agency"
+            />
+            <div className='md:pl-[300px]'>
+
+            </div>
+        </div>
     )
 }
 
diff --git a/src/lib/queries.ts b/src/lib/queries.ts
index cd0b12e..7b707a0 100644
--- a/src/lib/queries.ts
+++ b/src/lib/queries.ts
@@ -281,7 +281,7 @@ export const getNotificationAndUser = async (agencyId: string) => {
       where: { agencyId },
       include: { User: true },
       orderBy: {
-        createdAt: 'desc'
+        createdAt: 'desc' // ordering in descending order
       }
     })
     return response