diff --git a/src/components/ShipFitExtended/ShipFitExtended.module.css b/src/components/ShipFitExtended/ShipFitExtended.module.css
index 067dbad..422fa93 100644
--- a/src/components/ShipFitExtended/ShipFitExtended.module.css
+++ b/src/components/ShipFitExtended/ShipFitExtended.module.css
@@ -7,6 +7,9 @@
   position: relative;
   width: 100%;
 }
+.fitPreview {
+  padding-bottom: 0;
+}
 
 .fitName {
   top: 35px;
diff --git a/src/components/ShipFitExtended/ShipFitExtended.tsx b/src/components/ShipFitExtended/ShipFitExtended.tsx
index 8f29fcf..ec4aedf 100644
--- a/src/components/ShipFitExtended/ShipFitExtended.tsx
+++ b/src/components/ShipFitExtended/ShipFitExtended.tsx
@@ -143,25 +143,29 @@ const FitName = () => {
  * also adds the cargo hold, drone bay, and CPU/PG usage at the
  * bottom of the fit.
  */
-export const ShipFitExtended = () => {
+export const ShipFitExtended = (props: { isPreview?: boolean }) => {
   const currentFit = useCurrentFit();
 
   return (
-    <div className={styles.fit}>
+    <div className={clsx(styles.fit, { [styles.fitPreview]: props.isPreview })}>
       <ShipFit withStats />
 
-      <div className={styles.fitName}>
-        <FitName />
-      </div>
+      {props.isPreview !== true && (
+        <div className={styles.fitName}>
+          <FitName />
+        </div>
+      )}
 
       <div className={styles.cargoHold}>
         <ShipCargoHold />
         <ShipDroneBay />
       </div>
 
-      <div className={styles.history}>
-        <FitHistory historySize={25} />
-      </div>
+      {props.isPreview !== true && (
+        <div className={styles.history}>
+          <FitHistory historySize={25} />
+        </div>
+      )}
 
       <div className={styles.cpuPg}>
         <CpuPg title="CPU">