diff --git a/pkgs/ui/src/app/access-point/page.tsx b/pkgs/ui/src/app/access-point/page.tsx
index c2fea8a..da581a9 100644
--- a/pkgs/ui/src/app/access-point/page.tsx
+++ b/pkgs/ui/src/app/access-point/page.tsx
@@ -1,9 +1,5 @@
 "use client";
 
 export default function AccessPoint() {
-  return (
-    <div>
-      Access Point Page
-    </div>
-  )
-}
\ No newline at end of file
+  return <div>Access Point Page</div>;
+}
diff --git a/pkgs/ui/src/app/distributed-ledger-gateway/page.tsx b/pkgs/ui/src/app/distributed-ledger-gateway/page.tsx
index 93da773..4e20b89 100644
--- a/pkgs/ui/src/app/distributed-ledger-gateway/page.tsx
+++ b/pkgs/ui/src/app/distributed-ledger-gateway/page.tsx
@@ -1,9 +1,5 @@
 "use client";
 
 export default function DLG() {
-  return (
-    <div>
-      DLG Page
-    </div>
-  )
-}
\ No newline at end of file
+  return <div>DLG Page</div>;
+}
diff --git a/pkgs/ui/src/components/sidebar/index.tsx b/pkgs/ui/src/components/sidebar/index.tsx
index b862b89..2de03d0 100644
--- a/pkgs/ui/src/components/sidebar/index.tsx
+++ b/pkgs/ui/src/components/sidebar/index.tsx
@@ -13,11 +13,11 @@ import React, { ReactNode } from "react";
 import { tw } from "@/utils/tailwind";
 import Link from "next/link";
 import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
-import HomeIcon from '@mui/icons-material/Home';
-import HubIcon from '@mui/icons-material/Hub';
-import PersonIcon from '@mui/icons-material/Person';
-import RouterIcon from '@mui/icons-material/Router';
-import StorageIcon from '@mui/icons-material/Storage';
+import HomeIcon from "@mui/icons-material/Home";
+import HubIcon from "@mui/icons-material/Hub";
+import PersonIcon from "@mui/icons-material/Person";
+import RouterIcon from "@mui/icons-material/Router";
+import StorageIcon from "@mui/icons-material/Storage";
 
 type MenuEntry = {
   icon: ReactNode;
@@ -64,7 +64,7 @@ const menuEntries: MenuEntry[] = [
     label: "DLG",
     to: "/distributed-ledger-gateway",
     disabled: false,
-  }
+  },
 ];
 
 const hideSidebar = tw`-translate-x-14 lg:-translate-x-64`;
@@ -77,7 +77,7 @@ interface SidebarProps {
 export function Sidebar(props: SidebarProps) {
   const { show, onClose } = props;
 
-  const [activeMenuItem, setActiveMenuItem] = React.useState('/');
+  const [activeMenuItem, setActiveMenuItem] = React.useState("/");
 
   const handleMenuItemClick = (path: string) => {
     setActiveMenuItem(path);
@@ -85,8 +85,9 @@ export function Sidebar(props: SidebarProps) {
 
   return (
     <aside
-      className={tw`${show ? showSidebar : hideSidebar
-        } z-9999 static left-0  top-0 flex h-screen w-14 flex-col overflow-x-hidden overflow-y-hidden bg-neutral-10 transition duration-150 ease-in-out dark:bg-neutral-2 lg:w-64`}
+      className={tw`${
+        show ? showSidebar : hideSidebar
+      } z-9999 static left-0  top-0 flex h-screen w-14 flex-col overflow-x-hidden overflow-y-hidden bg-neutral-10 transition duration-150 ease-in-out dark:bg-neutral-2 lg:w-64`}
     >
       <div className="flex items-center justify-between gap-2 overflow-hidden px-0 py-5 lg:p-6">
         <div className="mt-8 hidden w-full text-center font-semibold text-white lg:block">