diff --git a/src/client/components/Dashboard/VolumeGroups.tsx b/src/client/components/Dashboard/VolumeGroups.tsx
index f775412..3da79c7 100644
--- a/src/client/components/Dashboard/VolumeGroups.tsx
+++ b/src/client/components/Dashboard/VolumeGroups.tsx
@@ -21,14 +21,12 @@ export const VolumeGroups = (props): ReactElement => {
   return (
     <section className="volumes-container mt-4">
       <div className="content">
-        <span className="icon-text mb-1" onClick={navigateToVolumes}>
-          <span>
-            <span className="title is-4">Volumes</span>
-          </span>
+        <a className="mb-1" onClick={navigateToVolumes}>
+          <span className="is-size-4 has-text-weight-semibold">Volumes</span>
           <span className="icon mt-1">
-            <i className="fa-solid fa-circle-chevron-right"></i>
+            <i className="fa-solid fa-angle-right"></i>
           </span>
-        </span>
+        </a>
         <p className="subtitle is-7">Based on ComicVine Volume information</p>
       </div>
       <Masonry
diff --git a/src/client/components/Dashboard/WantedComicsList.tsx b/src/client/components/Dashboard/WantedComicsList.tsx
index 01cc810..94c7ed9 100644
--- a/src/client/components/Dashboard/WantedComicsList.tsx
+++ b/src/client/components/Dashboard/WantedComicsList.tsx
@@ -27,14 +27,14 @@ export const WantedComicsList = ({
   return (
     <>
       <div className="content">
-        <span className="icon-text mb-1" onClick={navigateToWantedComics}>
-          <span>
-            <span className="title is-4">Wanted Comics</span>
+        <a className="mb-1" onClick={navigateToWantedComics}>
+          <span className="is-size-4 has-text-weight-semibold">
+            Wanted Comics
           </span>
           <span className="icon mt-1">
-            <i className="fa-solid fa-circle-chevron-right"></i>
+            <i className="fa-solid fa-angle-right"></i>
           </span>
-        </span>
+        </a>
         <p className="subtitle is-7">
           Comics marked as wanted from various sources.
         </p>
diff --git a/src/client/components/PullList/PullList.tsx b/src/client/components/PullList/PullList.tsx
index edcf302..8d349ca 100644
--- a/src/client/components/PullList/PullList.tsx
+++ b/src/client/components/PullList/PullList.tsx
@@ -14,7 +14,7 @@ export const PullList = (): ReactElement => {
   useEffect(() => {
     dispatch(
       getWeeklyPullList({
-        startDate: "2022-4-8",
+        startDate: "2022-4-22",
         pageSize: "100",
         currentPage: "1",
       }),
diff --git a/src/client/components/Volumes/Volumes.tsx b/src/client/components/Volumes/Volumes.tsx
index 3c64d34..8c7aa10 100644
--- a/src/client/components/Volumes/Volumes.tsx
+++ b/src/client/components/Volumes/Volumes.tsx
@@ -30,7 +30,151 @@ export const Volumes = (props): ReactElement => {
     );
   }, []);
   console.log(volumes);
-  return <div>as</div>;
+
+  const columnData = useMemo(
+    () => [
+      {
+        Header: "Volume Details",
+        id: "volumeDetails",
+        minWidth: 450,
+        accessor: (row) => {
+          return (
+            <div className="columns">
+              <div className="column">
+                <div className="comic-detail issue-metadata">
+                  <dl>
+                    <dd>
+                      <div className="columns mt-2">
+                        <div className="column is-3">
+                          <Card
+                            imageUrl={
+                              row._source.sourcedMetadata.comicvine
+                                .volumeInformation.image.thumb_url
+                            }
+                            orientation={"vertical"}
+                            hasDetails={false}
+                            // cardContainerStyle={{ maxWidth: 200 }}
+                          />
+                        </div>
+                        <div className="column">
+                          <dl>
+                            <dt>
+                              <h6 className="name has-text-weight-medium mb-1">
+                                {
+                                  row._source.sourcedMetadata.comicvine
+                                    .volumeInformation.name
+                                }
+                              </h6>
+                            </dt>
+                            <dd className="is-size-7">
+                              published by{" "}
+                              <span className="has-text-weight-semibold">
+                                {
+                                  row._source.sourcedMetadata.comicvine
+                                    .volumeInformation.publisher.name
+                                }
+                              </span>
+                            </dd>
+
+                            <dd className="is-size-7">
+                              <span>
+                                {ellipsize(
+                                  convert(
+                                    row._source.sourcedMetadata.comicvine
+                                      .volumeInformation.description,
+                                    {
+                                      baseElements: {
+                                        selectors: ["p"],
+                                      },
+                                    },
+                                  ),
+                                  120,
+                                )}
+                              </span>
+                            </dd>
+
+                            <dd className="is-size-7 mt-2">
+                              <div className="field is-grouped is-grouped-multiline">
+                                <div className="control">
+                                  <span className="tags">
+                                    <span className="tag is-success is-light has-text-weight-semibold">
+                                      Total Issues
+                                    </span>
+                                    <span className="tag is-success is-light">
+                                      {
+                                        row._source.sourcedMetadata.comicvine
+                                          .volumeInformation.count_of_issues
+                                      }
+                                    </span>
+                                  </span>
+                                </div>
+                              </div>
+                            </dd>
+                          </dl>
+                        </div>
+                      </div>
+                    </dd>
+                  </dl>
+                </div>
+              </div>
+            </div>
+          );
+        },
+      },
+      {
+        Header: "Download Status",
+        columns: [
+          {
+            Header: "Files",
+            accessor: "_source.acquisition.directconnect",
+            align: "right",
+            Cell: (props) => {
+              return (
+                <div
+                  style={{
+                    display: "flex",
+                    // flexDirection: "column",
+                    justifyContent: "center",
+                  }}
+                >
+                  {props.cell.value.length > 0 ? (
+                    <span className="tag is-warning">
+                      {props.cell.value.length}
+                    </span>
+                  ) : null}
+                </div>
+              );
+            },
+          },
+          {
+            Header: "Type",
+            id: "Air",
+          },
+          {
+            Header: "Type",
+            id: "dcc",
+          },
+        ],
+      },
+    ],
+    [],
+  );
+  return (
+    <section className="container">
+      <div className="section">
+        {volumes.hits ? (
+          <div>
+            <div className="library">
+              <h1 className="title">Volumes</h1>
+              {/* Search bar */}
+              <SearchBar />
+              <T2Table rowData={volumes.hits.hits} columns={columnData} />
+            </div>
+          </div>
+        ) : null}
+      </div>
+    </section>
+  );
 };
 
 export default Volumes;