diff --git a/src/features/dependencies/components/Dependencies.tsx b/src/features/dependencies/components/Dependencies.tsx
index e01a0ece..b32a6cbd 100644
--- a/src/features/dependencies/components/Dependencies.tsx
+++ b/src/features/dependencies/components/Dependencies.tsx
@@ -108,7 +108,7 @@ export const Dependencies = ({
                   <TableRow>
                     <TableCell sx={{ fontSize: "13px" }}>Package</TableCell>
                     <TableCell sx={{ fontSize: "13px", textAlign: "right" }}>
-                      Installed Version
+                      Version
                     </TableCell>
                   </TableRow>
                 </TableHead>
diff --git a/src/features/requestedPackages/components/RequestedPackage.tsx b/src/features/requestedPackages/components/RequestedPackage.tsx
index 2eae3375..433bb59e 100644
--- a/src/features/requestedPackages/components/RequestedPackage.tsx
+++ b/src/features/requestedPackages/components/RequestedPackage.tsx
@@ -2,6 +2,9 @@ import React from "react";
 import Typography from "@mui/material/Typography";
 import TableCell from "@mui/material/TableCell";
 import { requestedPackageParser } from "../../../utils/helpers";
+import { useAppSelector } from "../../../hooks";
+import styled from "@mui/material/styles/styled";
+
 interface IRequestedPackageProps {
   /**
    * @param requestedPackage requested package
@@ -10,48 +13,59 @@ interface IRequestedPackageProps {
   isLast: boolean;
 }
 
+const StyledTableCell = styled(TableCell)(() => ({
+  width: 190
+}));
+
+const StyledTypography = styled(Typography)(() => ({
+  fontSize: "13px",
+  color: "#333"
+}));
+
 export const RequestedPackage = ({
   requestedPackage,
   isLast
 }: IRequestedPackageProps) => {
+  const { versionsWithoutConstraints, versionsWithConstraints } =
+    useAppSelector(state => state.requestedPackages);
   const { constraint, name, version } =
     requestedPackageParser(requestedPackage);
 
   return (
     <>
-      <TableCell
+      <StyledTableCell
         sx={{
-          display: "flex",
-          alignItems: "center",
           borderBottom: isLast ? "none" : undefined
         }}
       >
-        <Typography
-          sx={{
-            width: 190,
-            fontSize: "13px",
-            color: "#333"
-          }}
-        >
-          {name}
-        </Typography>
-      </TableCell>
-      <TableCell
-        sx={{ textAlign: "right", borderBottom: isLast ? "none" : undefined }}
+        <StyledTypography>{name}</StyledTypography>
+      </StyledTableCell>
+      <StyledTableCell
+        sx={{
+          borderBottom: isLast ? "none" : undefined
+        }}
+      >
+        <StyledTypography sx={{ fontFamily: "monospace" }}>
+          {versionsWithConstraints[name] ?? versionsWithoutConstraints[name]}{" "}
+        </StyledTypography>
+      </StyledTableCell>
+      <StyledTableCell
+        sx={{
+          textAlign: "right",
+          borderBottom: isLast ? "none" : undefined
+        }}
       >
-        <Typography
+        <StyledTypography
           sx={{
-            fontSize: "13px",
             fontFamily: constraint === "latest" ? "inherit" : "monospace",
-            fontStyle: constraint === "latest" ? "italic" : "normal",
-            color: "#333"
+            fontStyle: constraint === "latest" ? "italic" : "normal"
           }}
         >
           {constraint === "latest"
             ? "(no version requested)"
             : `${constraint.replace("==", "=")}${version}`}
-        </Typography>
-      </TableCell>
+        </StyledTypography>
+      </StyledTableCell>
     </>
   );
 };
diff --git a/src/features/requestedPackages/components/RequestedPackageList.tsx b/src/features/requestedPackages/components/RequestedPackageList.tsx
index 87764393..7f9fd60e 100644
--- a/src/features/requestedPackages/components/RequestedPackageList.tsx
+++ b/src/features/requestedPackages/components/RequestedPackageList.tsx
@@ -34,7 +34,7 @@ export const RequestedPackageList = ({
   return (
     <Accordion
       sx={{
-        maxWidth: 420,
+        width: 190 * 3,
         boxShadow: "none"
       }}
       disableGutters
@@ -51,21 +51,24 @@ export const RequestedPackageList = ({
             <TableHead>
               <TableRow>
                 <TableCell sx={{ fontSize: "13px" }}>Package</TableCell>
+                <TableCell sx={{ fontSize: "13px" }}>
+                  Installed Version
+                </TableCell>
                 <TableCell sx={{ fontSize: "13px", textAlign: "right" }}>
                   Requested Version
                 </TableCell>
               </TableRow>
             </TableHead>
             <TableBody>
-              {filteredPackageList.map((item, index) => (
+              {filteredPackageList.map((item: string, index: number) => (
                 <TableRow
-                  key={String(item)}
+                  key={item}
                   sx={{
                     backgroundColor: index % 2 ? "secondary.50" : "transparent"
                   }}
                 >
                   <RequestedPackage
-                    requestedPackage={String(item)}
+                    requestedPackage={item}
                     isLast={index === listLength - 1}
                   />
                 </TableRow>