diff --git a/components/core/SlateLayout.js b/components/core/SlateLayout.js
index 6322ce1f..f3b11d8d 100644
--- a/components/core/SlateLayout.js
+++ b/components/core/SlateLayout.js
@@ -1098,17 +1098,6 @@ export class SlateLayout extends React.Component {
     let unit = this.state.unit;
     return (
       <div>
-        <GlobalCarousel
-          carouselType="SLATE"
-          onUpdateViewer={this.props.onUpdateViewer}
-          viewer={this.props.viewer}
-          objects={this.state.items}
-          current={this.props.current}
-          onAction={this.props.onAction}
-          mobile={this.props.mobile}
-          isOwner={this.props.isOwner}
-          external={this.props.external}
-        />
         {this.props.isOwner ? (
           this.state.editing ? (
             <div
diff --git a/pages/_/slate.js b/pages/_/slate.js
index 878a22ee..3a71796e 100644
--- a/pages/_/slate.js
+++ b/pages/_/slate.js
@@ -12,6 +12,7 @@ import { css } from "@emotion/react";
 import { ViewAllButton } from "~/components/core/ViewAll";
 import { SlateLayout } from "~/components/core/SlateLayout";
 import { SlateLayoutMobile } from "~/components/core/SlateLayoutMobile";
+import { GlobalCarousel } from "~/components/system/components/GlobalCarousel";
 import { GlobalModal } from "~/components/system/components/GlobalModal";
 
 import ProcessedText from "~/components/core/ProcessedText";
@@ -308,6 +309,14 @@ export default class SlatePage extends React.Component {
             </div>
           </div>
           <div css={STYLES_SLATE}>
+            <GlobalCarousel
+              carouselType="SLATE"
+              viewer={this.props.viewer}
+              objects={objects}
+              mobile={this.props.mobile}
+              isOwner={false}
+              external
+            />
             {this.props.mobile ? (
               <SlateLayoutMobile
                 isOwner={false}
diff --git a/scenes/SceneSlate.js b/scenes/SceneSlate.js
index d3fca167..8597af6c 100644
--- a/scenes/SceneSlate.js
+++ b/scenes/SceneSlate.js
@@ -13,6 +13,7 @@ import { SlateLayout } from "~/components/core/SlateLayout";
 import { SlateLayoutMobile } from "~/components/core/SlateLayoutMobile";
 import { FileTypeGroup } from "~/components/core/FileTypeIcon";
 import { ButtonPrimary, ButtonSecondary } from "~/components/system/components/Buttons";
+import { GlobalCarousel } from "~/components/system/components/GlobalCarousel";
 
 import ProcessedText from "~/components/core/ProcessedText";
 import ScenePage from "~/components/core/ScenePage";
@@ -361,35 +362,48 @@ class SlatePage extends React.Component {
         </ScenePageHeader>
         <span css={STYLES_MOBILE_ONLY}>{actions}</span>
         {objects && objects.length ? (
-          this.props.mobile ? (
-            <SlateLayoutMobile
+          <>
+            <GlobalCarousel
+              carouselType="SLATE"
+              onUpdateViewer={this.props.onUpdateViewer}
+              viewer={this.props.viewer}
+              objects={objects}
+              current={this.props.current}
+              onAction={this.props.onAction}
+              mobile={this.props.mobile}
               isOwner={isOwner}
-              items={objects}
-              fileNames={layouts && layouts.ver === "2.0" ? layouts.fileNames : false}
-              onSelect={this._handleSelect}
+              external={this.props.external}
             />
-          ) : (
-            <div style={{ marginTop: isOwner ? 24 : 48 }}>
-              <SlateLayout
-                key={this.props.current.id}
-                current={this.props.current}
-                onUpdateViewer={this.props.onUpdateViewer}
-                viewer={this.props.viewer}
-                slateId={this.props.current.id}
-                layout={layouts && layouts.ver === "2.0" ? layouts.layout || [] : null}
-                onSaveLayout={this._handleSaveLayout}
-                onSave={this._handleSave}
+            {this.props.mobile ? (
+              <SlateLayoutMobile
                 isOwner={isOwner}
-                fileNames={layouts && layouts.ver === "2.0" ? layouts.fileNames : false}
-                preview={preview}
-                onSavePreview={(preview) => this._handleSave(null, null, null, false, preview)}
                 items={objects}
+                fileNames={layouts && layouts.ver === "2.0" ? layouts.fileNames : false}
                 onSelect={this._handleSelect}
-                defaultLayout={layouts && layouts.ver === "2.0" ? layouts.defaultLayout : true}
-                onAction={this.props.onAction}
               />
-            </div>
-          )
+            ) : (
+              <div style={{ marginTop: isOwner ? 24 : 48 }}>
+                <SlateLayout
+                  key={this.props.current.id}
+                  current={this.props.current}
+                  onUpdateViewer={this.props.onUpdateViewer}
+                  viewer={this.props.viewer}
+                  slateId={this.props.current.id}
+                  layout={layouts && layouts.ver === "2.0" ? layouts.layout || [] : null}
+                  onSaveLayout={this._handleSaveLayout}
+                  onSave={this._handleSave}
+                  isOwner={isOwner}
+                  fileNames={layouts && layouts.ver === "2.0" ? layouts.fileNames : false}
+                  preview={preview}
+                  onSavePreview={(preview) => this._handleSave(null, null, null, false, preview)}
+                  items={objects}
+                  onSelect={this._handleSelect}
+                  defaultLayout={layouts && layouts.ver === "2.0" ? layouts.defaultLayout : true}
+                  onAction={this.props.onAction}
+                />
+              </div>
+            )}
+          </>
         ) : isOwner ? (
           <div>
             <EmptyState>