diff --git a/dapp/src/DApp.tsx b/dapp/src/DApp.tsx
index c8fc3f954..51149f8f7 100644
--- a/dapp/src/DApp.tsx
+++ b/dapp/src/DApp.tsx
@@ -7,10 +7,7 @@ import { QueryClientProvider } from "@tanstack/react-query"
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import { AcreSdkProvider } from "./acre-react/contexts"
 import GlobalStyles from "./components/GlobalStyles"
-import {
-  DocsDrawerContextProvider,
-  WalletConnectionAlertContextProvider,
-} from "./contexts"
+import { WalletConnectionAlertContextProvider } from "./contexts"
 import { useInitApp } from "./hooks"
 import { router } from "./router"
 import { store } from "./store"
@@ -65,15 +62,13 @@ function DAppProviders() {
       <WagmiProvider config={config}>
         <QueryClientProvider client={queryClient}>
           <AcreSdkProvider>
-            <DocsDrawerContextProvider>
-              <WalletConnectionAlertContextProvider>
-                <ReduxProvider store={store}>
-                  <PostHogProvider>
-                    <DApp />
-                  </PostHogProvider>
-                </ReduxProvider>
-              </WalletConnectionAlertContextProvider>
-            </DocsDrawerContextProvider>
+            <WalletConnectionAlertContextProvider>
+              <ReduxProvider store={store}>
+                <PostHogProvider>
+                  <DApp />
+                </PostHogProvider>
+              </ReduxProvider>
+            </WalletConnectionAlertContextProvider>
           </AcreSdkProvider>
         </QueryClientProvider>
       </WagmiProvider>
diff --git a/dapp/src/components/DocsDrawer.tsx b/dapp/src/components/DocsDrawer.tsx
deleted file mode 100644
index 060c6e731..000000000
--- a/dapp/src/components/DocsDrawer.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from "react"
-import {
-  Drawer,
-  DrawerBody,
-  DrawerContent,
-  DrawerOverlay,
-} from "@chakra-ui/react"
-import { useDocsDrawer } from "#/hooks"
-import { TextMd } from "#/components/shared/Typography"
-
-export default function DocsDrawer() {
-  const { isOpen, onClose } = useDocsDrawer()
-
-  return (
-    <Drawer size="xl" placement="right" isOpen={isOpen} onClose={onClose}>
-      <DrawerOverlay mt="header_height" />
-      <DrawerContent mt="header_height">
-        <DrawerBody>
-          {/* TODO: Add a documentation */}
-          <TextMd>Documentation</TextMd>
-        </DrawerBody>
-      </DrawerContent>
-    </Drawer>
-  )
-}
diff --git a/dapp/src/components/Layout.tsx b/dapp/src/components/Layout.tsx
index 24ba593e9..d229f45cf 100644
--- a/dapp/src/components/Layout.tsx
+++ b/dapp/src/components/Layout.tsx
@@ -4,7 +4,6 @@ import { Flex, VStack } from "@chakra-ui/react"
 import { useIsEmbed, useMobileMode } from "#/hooks"
 import { DappMode } from "#/types"
 import { usePostHogPageViewCapture } from "#/hooks/posthog"
-import DocsDrawer from "./DocsDrawer"
 import Header from "./Header"
 import ModalRoot from "./ModalRoot"
 import MobileModeBanner from "./MobileModeBanner"
@@ -50,7 +49,6 @@ function Layout() {
       >
         <Outlet />
 
-        <DocsDrawer />
         <ModalRoot />
       </Flex>
 
diff --git a/dapp/src/contexts/DocsDrawerContext.tsx b/dapp/src/contexts/DocsDrawerContext.tsx
deleted file mode 100644
index f5097fc96..000000000
--- a/dapp/src/contexts/DocsDrawerContext.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React, { createContext, useCallback, useMemo, useState } from "react"
-
-type DocsDrawerContextValue = {
-  isOpen: boolean
-  onOpen: () => void
-  onClose: () => void
-}
-
-export const DocsDrawerContext = createContext<DocsDrawerContextValue>({
-  isOpen: false,
-  onOpen: () => {},
-  onClose: () => {},
-})
-
-export function DocsDrawerContextProvider({
-  children,
-}: {
-  children: React.ReactNode
-}): React.ReactElement {
-  const [isOpen, setIsOpen] = useState(false)
-
-  const onOpen = useCallback(() => {
-    setIsOpen(true)
-  }, [])
-
-  const onClose = useCallback(() => {
-    setIsOpen(false)
-  }, [])
-
-  const contextValue: DocsDrawerContextValue = useMemo<DocsDrawerContextValue>(
-    () => ({
-      isOpen,
-      onOpen,
-      onClose,
-    }),
-    [isOpen, onClose, onOpen],
-  )
-
-  return (
-    <DocsDrawerContext.Provider value={contextValue}>
-      {children}
-    </DocsDrawerContext.Provider>
-  )
-}
diff --git a/dapp/src/contexts/index.tsx b/dapp/src/contexts/index.tsx
index 263951aec..e3f7fa1aa 100644
--- a/dapp/src/contexts/index.tsx
+++ b/dapp/src/contexts/index.tsx
@@ -1,4 +1,3 @@
-export * from "./DocsDrawerContext"
 export * from "./StakeFlowContext"
 export * from "./PaginationContext"
 export * from "./WalletConnectionAlertContext"
diff --git a/dapp/src/hooks/index.ts b/dapp/src/hooks/index.ts
index 7758c4fd7..5f3c7a336 100644
--- a/dapp/src/hooks/index.ts
+++ b/dapp/src/hooks/index.ts
@@ -2,7 +2,6 @@ export * from "./store"
 export * from "./sdk"
 export * from "./orangeKit"
 export * from "./useDetectThemeMode"
-export * from "./useDocsDrawer"
 export * from "./useTransactionDetails"
 export * from "./useStakeFlowContext"
 export * from "./useInitApp"
diff --git a/dapp/src/hooks/useDocsDrawer.ts b/dapp/src/hooks/useDocsDrawer.ts
deleted file mode 100644
index 3536dba2a..000000000
--- a/dapp/src/hooks/useDocsDrawer.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { useContext } from "react"
-import { DocsDrawerContext } from "#/contexts"
-
-export function useDocsDrawer() {
-  const context = useContext(DocsDrawerContext)
-
-  if (!context) {
-    throw new Error(
-      "DocsDrawerContext used outside of DocsDrawerContext component",
-    )
-  }
-
-  return context
-}
diff --git a/dapp/src/theme/Drawer.ts b/dapp/src/theme/Drawer.ts
deleted file mode 100644
index b904c74c0..000000000
--- a/dapp/src/theme/Drawer.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { drawerAnatomy as parts } from "@chakra-ui/anatomy"
-import { createMultiStyleConfigHelpers, defineStyle } from "@chakra-ui/react"
-
-const baseStyleDialogContainer = defineStyle({
-  zIndex: "drawer",
-})
-
-const baseStyleDialog = defineStyle({
-  borderTop: "2px",
-  borderLeft: "2px",
-  boxShadow: "none",
-  borderColor: "white",
-  borderTopLeftRadius: "xl",
-  bg: "gold.100",
-})
-
-const baseStyleOverlay = defineStyle({
-  bg: "none",
-  backdropFilter: "auto",
-  backdropBlur: "8px",
-})
-
-const multiStyleConfig = createMultiStyleConfigHelpers(parts.keys)
-
-const baseStyle = multiStyleConfig.definePartsStyle({
-  dialogContainer: baseStyleDialogContainer,
-  dialog: baseStyleDialog,
-  overlay: baseStyleOverlay,
-})
-
-export const drawerTheme = multiStyleConfig.defineMultiStyleConfig({
-  baseStyle,
-})
diff --git a/dapp/src/theme/index.ts b/dapp/src/theme/index.ts
index 4c306df41..181376184 100644
--- a/dapp/src/theme/index.ts
+++ b/dapp/src/theme/index.ts
@@ -8,7 +8,6 @@ import {
   styles,
   zIndices,
 } from "./utils"
-import { drawerTheme } from "./Drawer"
 import { modalTheme } from "./Modal"
 import { cardTheme } from "./Card"
 import { tooltipTheme } from "./Tooltip"
@@ -52,7 +51,6 @@ const defaultTheme = {
     Card: cardTheme,
     CloseButton: closeButtonTheme,
     CurrencyBalance: currencyBalanceTheme,
-    Drawer: drawerTheme,
     Form: formTheme,
     FormLabel: formLabelTheme,
     FormError: formErrorTheme,
diff --git a/dapp/src/theme/utils/semanticTokens.ts b/dapp/src/theme/utils/semanticTokens.ts
index e33367d84..90801b7b3 100644
--- a/dapp/src/theme/utils/semanticTokens.ts
+++ b/dapp/src/theme/utils/semanticTokens.ts
@@ -1,7 +1,5 @@
 export const semanticTokens = {
   space: {
-    header_height: 28,
-    header_height_xl: 36,
     modal_shift: "9.75rem", // 156px
     dashboard_card_padding: 5,
   },
diff --git a/dapp/src/theme/utils/zIndices.ts b/dapp/src/theme/utils/zIndices.ts
index 0b8c0d5e5..3ada56278 100644
--- a/dapp/src/theme/utils/zIndices.ts
+++ b/dapp/src/theme/utils/zIndices.ts
@@ -1,5 +1,4 @@
 export const zIndices = {
-  drawer: 1470,
   mobileBanner: 1500,
   header: 1400,
   footer: 1380,