diff --git a/src/components/Derivatives.css b/src/components/Derivatives.css
index 41a4142..4ac54d0 100644
--- a/src/components/Derivatives.css
+++ b/src/components/Derivatives.css
@@ -27,12 +27,25 @@
   }
 }
 
+.derivatives-count {
+  font-size: 2rem;
+  font-weight: 600;
+  margin: 0 auto;
+  margin-bottom: 2rem;
+  text-align: center;
+
+  @media (max-width: 720px) {
+    margin-bottom: 1rem;
+  }
+}
+
 .derivatives-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(15rem, 1fr));
   grid-gap: 2rem;
   width: 40vw;
   margin: auto;
+  margin-top: 4rem;
 
   @media (max-width: 800px) {
     grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
diff --git a/src/components/Derivatives.tsx b/src/components/Derivatives.tsx
index 6b4763b..57195f7 100644
--- a/src/components/Derivatives.tsx
+++ b/src/components/Derivatives.tsx
@@ -26,6 +26,7 @@ const Derivatives = () => {
   return (
     <div className="derivatives-styled-derivatives">
       <h1 className="derivatives-title">Art Gallery</h1>
+      <h2 className="derivatives-count">{`${filtered.length} Total Derivatives`}</h2>
       <div className="derivatives-grid">
         <div className="derivatives-filters">
           <div className="derivatives-label">Artist:</div>