From ec723ba0cc8912e67caeca51cfb398634c0a1393 Mon Sep 17 00:00:00 2001
From: NamH <NamNh0122@gmail.com>
Date: Mon, 23 Oct 2023 08:59:06 -0700
Subject: [PATCH] fix: scroll on explore models does not work (#427)

Signed-off-by: James <james@jan.ai>
Co-authored-by: James <james@jan.ai>
---
 web/app/_components/ExploreModelContainer/index.tsx | 2 +-
 web/app/_components/LeftRibbonNav/index.tsx         | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/app/_components/ExploreModelContainer/index.tsx b/web/app/_components/ExploreModelContainer/index.tsx
index 5e9dd4fe0..cee6f1255 100644
--- a/web/app/_components/ExploreModelContainer/index.tsx
+++ b/web/app/_components/ExploreModelContainer/index.tsx
@@ -3,7 +3,7 @@ import ExploreModelList from '../ExploreModelList'
 import ExploreModelFilter from '../ExploreModelFilter'
 
 const ExploreModelContainer: React.FC = () => (
-  <div className="flex flex-1 flex-col overflow-hidden px-16 pt-14">
+  <div className="flex h-full w-full flex-1 flex-col px-16 pt-14">
     <HeaderTitle title="Explore Models" />
     {/* <SearchBar
       type={SearchType.Model}
diff --git a/web/app/_components/LeftRibbonNav/index.tsx b/web/app/_components/LeftRibbonNav/index.tsx
index 38305f20c..101f4f9aa 100644
--- a/web/app/_components/LeftRibbonNav/index.tsx
+++ b/web/app/_components/LeftRibbonNav/index.tsx
@@ -72,10 +72,12 @@ const LeftRibbonNav: React.FC = () => {
 
   return (
     <nav className="flex h-screen w-20 flex-col bg-gray-900">
+      <div className='mx-auto mt-4'>
       <CompactLogo />
+      </div>
 
       <div className="flex w-full flex-1 flex-col items-center justify-between px-3 py-6">
-        <div>
+        <div className="flex flex-1 flex-col gap-2">
           <button
             onClick={onConversationClick}
             className={`rounded-lg p-4 ${bgColor} hover:bg-gray-400`}