diff --git a/packages/app/components/chat/index.tsx b/packages/app/components/chat/index.tsx
index cccdf031e..5ce70ca4d 100644
--- a/packages/app/components/chat/index.tsx
+++ b/packages/app/components/chat/index.tsx
@@ -195,9 +195,16 @@ const SuggestionComponent = ({ itemTypeId = null, type = null }) => {
             Allow me to analyze your pack and help!
           </Text>
         ) : (
-          <View style={{ maxHeight: 450, width: '100%', borderRadius: 10 }}>
+          <View
+            style={{
+              maxHeight: 450,
+              width: '100%',
+              borderRadius: 10,
+            }}
+          >
             <SuggestionDescription data={suggestions.reasoning} />
             <SuggestionList
+              style={{ maxHeight: 100 }}
               suggestion={suggestions.suggestion}
               onAddItem={removeItem}
             />
diff --git a/packages/app/modules/pack/screens/PackDetailsScreen.tsx b/packages/app/modules/pack/screens/PackDetailsScreen.tsx
index e0e5def68..45088fbfa 100644
--- a/packages/app/modules/pack/screens/PackDetailsScreen.tsx
+++ b/packages/app/modules/pack/screens/PackDetailsScreen.tsx
@@ -13,13 +13,13 @@ import {
 import useResponsive from 'app/hooks/useResponsive';
 import { FlatList, View } from 'react-native';
 import ScoreContainer from '../../../components/ScoreContainer';
-// import ChatContainer from '../chat';
 import { TextLink } from '@packrat/crosspath';
 import { DetailsComponent } from '../../../components/details';
 import { ImportItemModal, AddItemModal } from 'app/modules/item';
 import { FeedPreview } from 'app/modules/feed';
 import LargeCard from 'app/components/card/LargeCard';
 import useTheme from 'app/hooks/useTheme';
+import ChatModalTrigger from 'app/components/chat';
 
 const SECTION = {
   TABLE: 'TABLE',
@@ -193,7 +193,7 @@ export function PackDetailsScreen() {
         </View>
       )}
       {/* Disable Chat */}
-      {/* <View
+      <View
         style={{
           position: 'absolute',
           right: -40,
@@ -202,13 +202,13 @@ export function PackDetailsScreen() {
           alignSelf: 'flex-end',
         }}
       >
-        <ChatContainer
+        <ChatModalTrigger
           itemTypeId={currentPackId}
           title="Chat"
           trigger="Open Chat"
           type="pack"
         />
-      </View> */}
+      </View>
     </Layout>
   );
 }
diff --git a/packages/ui/src/modal/BaseModal.tsx b/packages/ui/src/modal/BaseModal.tsx
index 94dc986f5..c68aa9206 100644
--- a/packages/ui/src/modal/BaseModal.tsx
+++ b/packages/ui/src/modal/BaseModal.tsx
@@ -158,6 +158,25 @@ export const BaseModal = ({
           </Dialog.Close>
         </Dialog.Content>
       </Dialog.Portal>
+
+      {/* <Adapt when="sm" platform="touch">
+        <Dialog.Sheet
+          snapPointsMode="fit"
+          animation="medium"
+          zIndex={200000}
+          modal
+          dismissOnSnapToBottom
+        >
+          <Dialog.Sheet.Frame padding="$4" gap="$4">
+            <Adapt.Contents />
+          </Dialog.Sheet.Frame>
+          <Dialog.Sheet.Overlay
+            animation="lazy"
+            enterStyle={{ opacity: 0 }}
+            exitStyle={{ opacity: 0 }}
+          />
+        </Dialog.Sheet>
+      </Adapt> */}
     </Dialog>
   );
 };