From cd13a4a90224e812625b27d7ac3472939de0ab4d Mon Sep 17 00:00:00 2001
From: iCrawl <buechler.noel@outlook.com>
Date: Mon, 18 Jul 2022 02:14:38 +0200
Subject: [PATCH] fix(sidebar): styling issues

---
 packages/website/src/components/DocContainer.tsx | 2 +-
 packages/website/src/components/ItemSidebar.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/website/src/components/DocContainer.tsx b/packages/website/src/components/DocContainer.tsx
index 3ee128638..34b9ec940 100644
--- a/packages/website/src/components/DocContainer.tsx
+++ b/packages/website/src/components/DocContainer.tsx
@@ -21,7 +21,7 @@ export function DocContainer({ name, kind, excerpt, summary, typeParams, childre
 	return (
 		<>
 			<div className="bg-white border-b-solid border-gray border-width-0.5 sticky top-0 px-10 py-2">
-				<h2 className="font-mono break-all m-0">
+				<h2 className="flex items-center font-mono break-all m-0">
 					{generateIcon(kind, 'mr-2')}
 					{name}
 				</h2>
diff --git a/packages/website/src/components/ItemSidebar.tsx b/packages/website/src/components/ItemSidebar.tsx
index 9178ef17e..f03a467c9 100644
--- a/packages/website/src/components/ItemSidebar.tsx
+++ b/packages/website/src/components/ItemSidebar.tsx
@@ -27,7 +27,7 @@ export function ItemSidebar({ packageName, data }: ItemListProps) {
 					<FiMenu size={32} />
 				</button>
 			</div>
-			<div className="hidden lg:block overflow-y-scroll overflow-x-clip p-7">
+			<div className="hidden lg:block lg:min-h-screen overflow-y-scroll overflow-x-clip p-7">
 				{data.members.map((member, i) => (
 					<div key={i} className="mb-1">
 						<a