diff --git a/src/apps/canvas/structure-view.ts b/src/apps/canvas/structure-view.ts
index cfffbbb50b5b8d3b5a2f51fefe8feb9da62ad18b..32cfa02bf9c99fd7d9a309a52dd700a4084b1968 100644
--- a/src/apps/canvas/structure-view.ts
+++ b/src/apps/canvas/structure-view.ts
@@ -22,6 +22,7 @@ import { addBoundingBox } from 'mol-geo/mesh/builder/bounding-box';
 import { PointRepresentation } from 'mol-geo/representation/structure/representation/point';
 import { StructureRepresentation } from 'mol-geo/representation/structure';
 import { BehaviorSubject } from 'rxjs';
+import { SpacefillRepresentation } from 'mol-geo/representation/structure/representation/spacefill';
 
 export interface StructureView {
     readonly viewer: Viewer
@@ -66,6 +67,7 @@ export async function StructureView(viewer: Viewer, models: ReadonlyArray<Model>
         point: false,
         ballAndStick: false,
         carbohydrate: false,
+        spacefill: false,
         symmetryAxes: false,
         polymerSphere: false,
     }
@@ -75,6 +77,7 @@ export async function StructureView(viewer: Viewer, models: ReadonlyArray<Model>
         point: PointRepresentation(),
         ballAndStick: BallAndStickRepresentation(),
         carbohydrate: CarbohydrateRepresentation(),
+        spacefill: SpacefillRepresentation(),
     }
 
     const symmetryAxes = ShapeRepresentation()