diff --git a/ui/src/components/custom/search/matrixExplorer.tsx b/ui/src/components/custom/search/matrixExplorer.tsx
index 76c4e62..6af94f9 100644
--- a/ui/src/components/custom/search/matrixExplorer.tsx
+++ b/ui/src/components/custom/search/matrixExplorer.tsx
@@ -387,7 +387,6 @@ const MatrixExplorer: React.FC = () => {
           <MiniMatrixCard
             key={matrix.matrixId}
             title={matrix.name}
-            description={matrix.description}
             onSelectMatrix={() => handleMatrixSelect(matrix.matrixId)}
             titleColor="#ffffff"
           />
diff --git a/ui/src/components/custom/search/miniMatrixCard.tsx b/ui/src/components/custom/search/miniMatrixCard.tsx
index b9e68eb..ebefa13 100644
--- a/ui/src/components/custom/search/miniMatrixCard.tsx
+++ b/ui/src/components/custom/search/miniMatrixCard.tsx
@@ -3,14 +3,12 @@ import { Typography, Paper } from "@mui/material";
 
 interface MiniMatrixCardProps {
   title: string;
-  description: string;
   onSelectMatrix: () => void;
   titleColor?: string;
 }
 
 const MiniMatrixCard: React.FC<MiniMatrixCardProps> = ({
   title,
-  description,
   onSelectMatrix,
   titleColor = "#ffffff",
 }) => {
@@ -31,10 +29,10 @@ const MiniMatrixCard: React.FC<MiniMatrixCardProps> = ({
           transform: "translateY(-2px)",
           boxShadow: "0 4px 8px rgba(0, 0, 0, 0.2)",
         },
-        minHeight: "80px",
+        minHeight: "60px",
         display: 'flex',
         flexDirection: 'column',
-        gap: 1,
+        justifyContent: 'center',
         boxSizing: 'border-box',
       }}
       onClick={onSelectMatrix}
@@ -52,21 +50,6 @@ const MiniMatrixCard: React.FC<MiniMatrixCardProps> = ({
       >
         {title || ""}
       </Typography>
-      <Typography 
-        variant="caption" 
-        sx={{ 
-          display: "-webkit-box",
-          WebkitLineClamp: 3,
-          WebkitBoxOrient: "vertical",
-          overflow: "hidden",
-          fontSize: "0.8rem",
-          lineHeight: 1.4,
-          color: "rgba(255, 255, 255, 0.7)",
-          flex: 1,
-        }}
-      >
-        {description || ""}
-      </Typography>
     </Paper>
   );
 };
diff --git a/ui/src/pages/CreateMatrix.tsx b/ui/src/pages/CreateMatrix.tsx
index 8f19c33..1b22a43 100644
--- a/ui/src/pages/CreateMatrix.tsx
+++ b/ui/src/pages/CreateMatrix.tsx
@@ -23,7 +23,7 @@ import {
   Modal,
   IconButton,
 } from "@mui/material";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import DeleteIcon from "@mui/icons-material/Delete";
 import { whoamiUpsert, createMatrix } from "./apiService";
 import SendIcon from "@mui/icons-material/Send";
@@ -68,6 +68,27 @@ export const CreateMatrix: React.FC = () => {
 
   const [multipliers, setMultipliers] = useState(initialMultipliers);
 
+  // Fetch the current user's email when the component loads
+  useEffect(() => {
+    const fetchUserEmail = async () => {
+      try {
+        const whoamiUpsertResponse = await whoamiUpsert();
+        const rawData = whoamiUpsertResponse.data;
+        const firstObjectEnd = rawData.indexOf("}") + 1;
+        const firstObjectStr = rawData.substring(0, firstObjectEnd);
+        const parsedFirstObject = JSON.parse(firstObjectStr);
+        const { email } = parsedFirstObject;
+        
+        // Initialize the participants list with the current user as a host
+        setParticipantsData([{ email: email, role: "Host" }]);
+      } catch (error) {
+        console.error("Error fetching user email:", error);
+      }
+    };
+    
+    fetchUserEmail();
+  }, []);
+
   const carverOrder = [
     { key: "Criticality", header: "C" },
     { key: "Accessibility", header: "A" },
@@ -296,7 +317,7 @@ export const CreateMatrix: React.FC = () => {
       const firstObjectEnd = rawData.indexOf("}") + 1;
       const firstObjectStr = rawData.substring(0, firstObjectEnd);
       const parsedFirstObject = JSON.parse(firstObjectStr);
-      const { userId, email } = parsedFirstObject;
+      const { userId } = parsedFirstObject;
 
       const items = targets.map((target, index) => ({
         itemName: target,
@@ -308,15 +329,15 @@ export const CreateMatrix: React.FC = () => {
         recognizability: {},
         images: targetImages[index] || []
       }));
-      const hosts = [
-        email,
-        ...participantsData
-          .map((p) =>
-            p.role === "Host" || p.role === "Host and Participant" ? p.email : null
-          )
-          .filter((email): email is string => email !== null),
-      ];
 
+      // Get hosts from the participants list
+      const hosts = participantsData
+        .map((p) =>
+          p.role === "Host" || p.role === "Host and Participant" ? p.email : null
+        )
+        .filter((email): email is string => email !== null);
+
+      // Get participants from the participants list
       const participantEmails = participantsData
         .map((p) =>
           p.role === "Participant" || p.role === "Host and Participant" ? p.email : null
diff --git a/ui/src/pages/Profile.tsx b/ui/src/pages/Profile.tsx
index e157fe4..383a1d5 100644
--- a/ui/src/pages/Profile.tsx
+++ b/ui/src/pages/Profile.tsx
@@ -6,8 +6,10 @@ import {
   Grid,
   Divider,
   Skeleton,
+  Button,
 } from '@mui/material';
 import axios from 'axios';
+import SettingsIcon from '@mui/icons-material/Settings';
 
 interface UserData {
   userId: number;
@@ -79,6 +81,10 @@ const Profile: React.FC = () => {
     </Grid>
   );
 
+  const handleAdvancedSettings = () => {
+    window.open('https://keycloak.zeus.socom.dev/realms/zeus-apps/account/', '_blank');
+  };
+
   return (
     <Box
       sx={{
@@ -159,6 +165,28 @@ const Profile: React.FC = () => {
                 label="Member Since"
                 value={new Date(userData.createdAt).toLocaleDateString()}
               />
+              
+              <Box sx={{ mt: 4, display: 'flex', justifyContent: 'center' }}>
+                <Button
+                  variant="outlined"
+                  startIcon={<SettingsIcon />}
+                  onClick={handleAdvancedSettings}
+                  sx={{
+                    color: '#ffffff',
+                    borderColor: 'rgba(255, 255, 255, 0.3)',
+                    '&:hover': {
+                      borderColor: '#014093',
+                      backgroundColor: 'rgba(1, 64, 147, 0.1)',
+                    },
+                    textTransform: 'uppercase',
+                    fontWeight: 'bold',
+                    letterSpacing: '0.5px',
+                    padding: '8px 24px',
+                  }}
+                >
+                  Advanced Settings
+                </Button>
+              </Box>
             </Box>
           )
         )}
diff --git a/ui/src/pages/ViewMatrix.tsx b/ui/src/pages/ViewMatrix.tsx
index 2e3aaf8..b27c0ac 100644
--- a/ui/src/pages/ViewMatrix.tsx
+++ b/ui/src/pages/ViewMatrix.tsx
@@ -186,7 +186,7 @@ const ViewMatrix: React.FC = () => {
 
   const transformItemsForPdf = (items: CarverMatrix["items"]) => {
     return items.map((item) => {
-      const getAverageScore = (scores: any) => {
+      const getAverageScore = (scores: number | Record<string, number | undefined | null>) => {
         if (typeof scores === "number") return scores;
         const values = Object.values(scores || {}).filter(
           (score) => score !== undefined && score !== null
@@ -238,10 +238,11 @@ const ViewMatrix: React.FC = () => {
     <Box
       sx={{
         display: "flex",
-        minHeight: "100vh",
+        height: "100vh",
         backgroundColor: "#1a1a1a",
         color: "#ffffff",
         position: "relative",
+        overflow: "hidden",
       }}
     >
       {/* Background Pattern */}
@@ -275,6 +276,8 @@ const ViewMatrix: React.FC = () => {
           gap: 2,
           position: "relative",
           zIndex: 1,
+          overflowY: "auto",
+          overflowX: "hidden",
         }}
       >
         <Box sx={{ display: "flex", flexDirection: "column", gap: 2 }}>
@@ -494,126 +497,109 @@ const ViewMatrix: React.FC = () => {
       <Box
         sx={{
           flex: 1,
-          padding: 3,
           position: "relative",
           zIndex: 1,
-          overflow: "auto",
+          height: "100vh",
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden",
         }}
       >
         <Box
           sx={{
-            display: "grid",
-            gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
-            gap: 2,
-            alignContent: "start",
+            p: 3,
+            overflowY: "auto",
+            overflowX: "hidden",
+            height: "100%",
+            display: "flex",
+            flexDirection: "column",
+            pb: 12,
           }}
         >
-          {filteredMatrices.length > 0 ? (
-            filteredMatrices.map((matrix) => (
-              <Paper
-                key={matrix.matrixId}
-                sx={{
-                  p: 2,
-                  backgroundColor: "rgba(255, 255, 255, 0.05)",
-                  backdropFilter: "blur(10px)",
-                  border: "1px solid rgba(255, 255, 255, 0.1)",
-                  transition: "all 0.2s ease-in-out",
-                  display: "flex",
-                  flexDirection: "column",
-                  minHeight: "200px",
-                  "&:hover": {
-                    transform: "translateY(-2px)",
-                    backgroundColor: "rgba(255, 255, 255, 0.08)",
-                    boxShadow: "0 4px 8px rgba(0, 0, 0, 0.2)",
-                  },
-                }}
-              >
-                <Box
+          <Box
+            sx={{
+              display: "grid",
+              gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
+              gap: 2,
+              alignContent: "start",
+              width: "100%",
+            }}
+          >
+            {filteredMatrices.length > 0 ? (
+              filteredMatrices.map((matrix) => (
+                <Paper
+                  key={matrix.matrixId}
                   sx={{
+                    p: 2,
+                    backgroundColor: "rgba(255, 255, 255, 0.05)",
+                    backdropFilter: "blur(10px)",
+                    border: "1px solid rgba(255, 255, 255, 0.1)",
+                    transition: "all 0.2s ease-in-out",
                     display: "flex",
-                    justifyContent: "space-between",
-                    alignItems: "flex-start",
-                    mb: 1,
-                  }}
-                >
-                  <Typography
-                    variant="h6"
-                    sx={{
-                      color: "#ffffff",
-                      fontWeight: "bold",
-                      fontFamily: "'Roboto Condensed', sans-serif",
-                    }}
-                  >
-                    {matrix.name}
-                  </Typography>
-                  <Typography
-                    variant="caption"
-                    sx={{
-                      color: "rgba(255, 255, 255, 0.5)",
-                      whiteSpace: "nowrap",
-                    }}
-                  >
-                    {new Date(matrix.createdAt).toLocaleDateString()}
-                  </Typography>
-                </Box>
-
-                <Typography
-                  variant="body2"
-                  sx={{
-                    color: "rgba(255, 255, 255, 0.7)",
-                    mb: 2,
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    display: "-webkit-box",
-                    WebkitLineClamp: 3,
-                    WebkitBoxOrient: "vertical",
-                    flex: 1,
-                    minHeight: "4.5em",
+                    flexDirection: "column",
+                    minHeight: "200px",
+                    "&:hover": {
+                      transform: "translateY(-2px)",
+                      backgroundColor: "rgba(255, 255, 255, 0.08)",
+                      boxShadow: "0 4px 8px rgba(0, 0, 0, 0.2)",
+                    },
                   }}
                 >
-                  {matrix.description || "No description"}
-                </Typography>
-
-                <Box sx={{ display: "flex", gap: 1, mb: 2, flexWrap: "wrap" }}>
-                  <Typography
-                    variant="caption"
+                  <Box
                     sx={{
-                      color: "rgba(255, 255, 255, 0.5)",
-                      backgroundColor: "rgba(255, 255, 255, 0.1)",
-                      padding: "2px 8px",
-                      borderRadius: "12px",
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "flex-start",
+                      mb: 1,
+                      gap: 2,
                     }}
                   >
-                    {matrix.items.length}{" "}
-                    {matrix.items.length === 1 ? "Target" : "Targets"}
-                  </Typography>
-                  {matrix.randomAssignment && (
                     <Typography
-                      variant="caption"
+                      variant="h6"
                       sx={{
-                        color: "rgba(255, 255, 255, 0.5)",
-                        backgroundColor: "rgba(255, 255, 255, 0.1)",
-                        padding: "2px 8px",
-                        borderRadius: "12px",
+                        color: "#ffffff",
+                        fontWeight: "bold",
+                        fontFamily: "'Roboto Condensed', sans-serif",
+                        maxWidth: "calc(100% - 80px)",
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        display: "-webkit-box",
+                        WebkitLineClamp: 2,
+                        WebkitBoxOrient: "vertical",
                       }}
                     >
-                      Random
+                      {matrix.name}
                     </Typography>
-                  )}
-                  {matrix.roleBased && (
                     <Typography
                       variant="caption"
                       sx={{
                         color: "rgba(255, 255, 255, 0.5)",
-                        backgroundColor: "rgba(255, 255, 255, 0.1)",
-                        padding: "2px 8px",
-                        borderRadius: "12px",
+                        whiteSpace: "nowrap",
+                        flexShrink: 0,
                       }}
                     >
-                      Role Based
+                      {new Date(matrix.createdAt).toLocaleDateString()}
                     </Typography>
-                  )}
-                  {matrix.fivePointScoring ? (
+                  </Box>
+
+                  <Typography
+                    variant="body2"
+                    sx={{
+                      color: "rgba(255, 255, 255, 0.7)",
+                      mb: 2,
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      display: "-webkit-box",
+                      WebkitLineClamp: 3,
+                      WebkitBoxOrient: "vertical",
+                      flex: 1,
+                      minHeight: "4.5em",
+                    }}
+                  >
+                    {matrix.description || "No description"}
+                  </Typography>
+
+                  <Box sx={{ display: "flex", gap: 1, mb: 2, flexWrap: "wrap" }}>
                     <Typography
                       variant="caption"
                       sx={{
@@ -623,128 +609,168 @@ const ViewMatrix: React.FC = () => {
                         borderRadius: "12px",
                       }}
                     >
-                      5-Point Scale
+                      {matrix.items.length}{" "}
+                      {matrix.items.length === 1 ? "Target" : "Targets"}
                     </Typography>
-                  ) : (
+                    {matrix.randomAssignment && (
+                      <Typography
+                        variant="caption"
+                        sx={{
+                          color: "rgba(255, 255, 255, 0.5)",
+                          backgroundColor: "rgba(255, 255, 255, 0.1)",
+                          padding: "2px 8px",
+                          borderRadius: "12px",
+                        }}
+                      >
+                        Random
+                      </Typography>
+                    )}
+                    {matrix.roleBased && (
+                      <Typography
+                        variant="caption"
+                        sx={{
+                          color: "rgba(255, 255, 255, 0.5)",
+                          backgroundColor: "rgba(255, 255, 255, 0.1)",
+                          padding: "2px 8px",
+                          borderRadius: "12px",
+                        }}
+                      >
+                        Role Based
+                      </Typography>
+                    )}
+                    {matrix.fivePointScoring ? (
+                      <Typography
+                        variant="caption"
+                        sx={{
+                          color: "rgba(255, 255, 255, 0.5)",
+                          backgroundColor: "rgba(255, 255, 255, 0.1)",
+                          padding: "2px 8px",
+                          borderRadius: "12px",
+                        }}
+                      >
+                        5-Point Scale
+                      </Typography>
+                    ) : (
+                      <Typography
+                        variant="caption"
+                        sx={{
+                          color: "rgba(255, 255, 255, 0.5)",
+                          backgroundColor: "rgba(255, 255, 255, 0.1)",
+                          padding: "2px 8px",
+                          borderRadius: "12px",
+                        }}
+                      >
+                        10-Point Scale
+                      </Typography>
+                    )}
+                  </Box>
+
+                  <Box
+                    sx={{
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      mt: "auto",
+                      pt: 1,
+                    }}
+                  >
                     <Typography
                       variant="caption"
                       sx={{
-                        color: "rgba(255, 255, 255, 0.5)",
-                        backgroundColor: "rgba(255, 255, 255, 0.1)",
-                        padding: "2px 8px",
-                        borderRadius: "12px",
+                        color:
+                          matrix.hosts.includes(userEmail || "") &&
+                          matrix.participants.includes(userEmail || "")
+                            ? "#4D9FFF"
+                            : matrix.hosts.includes(userEmail || "")
+                              ? "#4D9FFF"
+                              : "#00E676",
+                        textTransform: "uppercase",
+                        letterSpacing: "0.5px",
+                        fontWeight: "bold",
+                        textShadow: "0 0 10px rgba(255, 255, 255, 0.1)",
                       }}
                     >
-                      10-Point Scale
-                    </Typography>
-                  )}
-                </Box>
-
-                <Box
-                  sx={{
-                    display: "flex",
-                    justifyContent: "space-between",
-                    alignItems: "center",
-                    mt: "auto",
-                    pt: 1,
-                  }}
-                >
-                  <Typography
-                    variant="caption"
-                    sx={{
-                      color:
-                        matrix.hosts.includes(userEmail || "") &&
-                        matrix.participants.includes(userEmail || "")
-                          ? "#4D9FFF"
+                      {matrix.roleBased
+                        ? matrix.hosts.includes(userEmail || "") &&
+                          matrix.participants.includes(userEmail || "")
+                          ? "Host & Participant"
                           : matrix.hosts.includes(userEmail || "")
-                            ? "#4D9FFF"
-                            : "#00E676",
-                      textTransform: "uppercase",
-                      letterSpacing: "0.5px",
-                      fontWeight: "bold",
-                      textShadow: "0 0 10px rgba(255, 255, 255, 0.1)",
-                    }}
-                  >
-                    {matrix.roleBased
-                      ? matrix.hosts.includes(userEmail || "") &&
-                        matrix.participants.includes(userEmail || "")
-                        ? "Host & Participant"
-                        : matrix.hosts.includes(userEmail || "")
-                          ? "Host"
-                          : "Participant"
-                      : null}
-                  </Typography>
-                  <Box sx={{ display: "flex", gap: 1 }}>
-                    {matrix.hosts.includes(userEmail || "") && (
-                      <>
-                        <ExportPdfButton
-                          config={{
-                            name: matrix.name,
-                            description: matrix.description,
-                            randomAssignment: matrix.randomAssignment,
-                            roleBased: matrix.roleBased,
-                            fivePointScoring: matrix.fivePointScoring,
-                            cMulti: matrix.cMulti,
-                            aMulti: matrix.aMulti,
-                            rMulti: matrix.rMulti,
-                            vMulti: matrix.vMulti,
-                            eMulti: matrix.eMulti,
-                            r2Multi: matrix.r2Multi,
-                          }}
-                          items={transformItemsForPdf(matrix.items)}
-                        />
-                        <Tooltip title="Delete Matrix">
-                          <IconButton
-                            size="small"
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              handleOpenDeleteDialog(matrix);
-                            }}
-                            sx={{
-                              color: "#f44336",
-                              "&:hover": {
-                                backgroundColor: "rgba(244, 67, 54, 0.1)",
-                              },
+                            ? "Host"
+                            : "Participant"
+                        : null}
+                    </Typography>
+                    <Box sx={{ display: "flex", gap: 1 }}>
+                      {matrix.hosts.includes(userEmail || "") && (
+                        <>
+                          <ExportPdfButton
+                            config={{
+                              name: matrix.name,
+                              description: matrix.description,
+                              randomAssignment: matrix.randomAssignment,
+                              roleBased: matrix.roleBased,
+                              fivePointScoring: matrix.fivePointScoring,
+                              cMulti: matrix.cMulti,
+                              aMulti: matrix.aMulti,
+                              rMulti: matrix.rMulti,
+                              vMulti: matrix.vMulti,
+                              eMulti: matrix.eMulti,
+                              r2Multi: matrix.r2Multi,
                             }}
-                          >
-                            <DeleteIcon fontSize="small" />
-                          </IconButton>
-                        </Tooltip>
-                      </>
-                    )}
-                    <Tooltip title="Open Matrix">
-                      <IconButton
-                        size="small"
-                        onClick={(e) => {
-                          e.stopPropagation();
-                          const url = `/EditMatrix?matrixId=${matrix.matrixId}`;
-                          navigate(url);
-                        }}
-                        sx={{
-                          color: "#4D9FFF",
-                          "&:hover": {
-                            backgroundColor: "rgba(77, 159, 255, 0.1)",
-                          },
-                        }}
-                      >
-                        <OpenInNewIcon fontSize="small" />
-                      </IconButton>
-                    </Tooltip>
+                            items={transformItemsForPdf(matrix.items)}
+                          />
+                          <Tooltip title="Delete Matrix">
+                            <IconButton
+                              size="small"
+                              onClick={(e) => {
+                                e.stopPropagation();
+                                handleOpenDeleteDialog(matrix);
+                              }}
+                              sx={{
+                                color: "#f44336",
+                                "&:hover": {
+                                  backgroundColor: "rgba(244, 67, 54, 0.1)",
+                                },
+                              }}
+                            >
+                              <DeleteIcon fontSize="small" />
+                            </IconButton>
+                          </Tooltip>
+                        </>
+                      )}
+                      <Tooltip title="Open Matrix">
+                        <IconButton
+                          size="small"
+                          onClick={(e) => {
+                            e.stopPropagation();
+                            const url = `/EditMatrix?matrixId=${matrix.matrixId}`;
+                            navigate(url);
+                          }}
+                          sx={{
+                            color: "#4D9FFF",
+                            "&:hover": {
+                              backgroundColor: "rgba(77, 159, 255, 0.1)",
+                            },
+                          }}
+                        >
+                          <OpenInNewIcon fontSize="small" />
+                        </IconButton>
+                      </Tooltip>
+                    </Box>
                   </Box>
-                </Box>
-              </Paper>
-            ))
-          ) : (
-            <Typography
-              sx={{
-                color: "rgba(255, 255, 255, 0.7)",
-                textAlign: "center",
-                gridColumn: "1 / -1",
-              }}
-            >
-              No matrices found.
-            </Typography>
-          )}
+                </Paper>
+              ))
+            ) : (
+              <Typography
+                sx={{
+                  color: "rgba(255, 255, 255, 0.7)",
+                  textAlign: "center",
+                  gridColumn: "1 / -1",
+                }}
+              >
+                No matrices found.
+              </Typography>
+            )}
+          </Box>
         </Box>
       </Box>
       <Dialog open={deleteDialogOpen} onClose={handleCloseDeleteDialog}>