UI Bug fix ( #17142)

Author: Bangarraju-Microsoft

App/frontend-app/src/components/documentViewer/documentViewer.tsx

@@ -41,6 +41,11 @@ const useStyles = makeStyles({
         ...shorthands.padding("0px", "0px"),
         rowGap: "20px",
     },
+
+    aiKnowledgeTab:{
+        height:"calc(100vh - 150px) !important",
+        overflow:"auto"
+    }
 });
 
 interface DocDialogProps {
@@ -284,14 +289,17 @@ export function DocDialog(
                     )}
 
 {selectedTab === "AI Knowledge" && (
+    <div className={`flex h-[150%] w-[200%] justify-between ${styles.aiKnowledgeTab}`}>
     <AIKnowledgeTab 
         metadata={metadata?.keywords ? Object.fromEntries(
             Object.entries(metadata.keywords).map(([key, value]) => [
                 key, 
                 Array.isArray(value) ? value : [value]  // Ensure all values are arrays
             ])
         ) : {}}
+        
     />
+    </div>
 )}