1 files changed, 1 insertions, 4 deletions
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx b/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
index ef53dde8e..e5288f4f8 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
@@ -16,10 +16,7 @@ import './DocCreatorMenu.scss';
 import { Id } from '../../../../fields/FieldSymbols';
 import { Colors, IconButton, Size } from 'browndash-components';
 import { MakeTemplate } from '../../../util/DropConverter';
-import { threadId } from 'worker_threads';
-import { ideahub } from 'googleapis/build/src/apis/ideahub';
 import { DragManager } from '../../../util/DragManager';
-import { DateField } from '../../../../fields/DateField';
 
 export enum LayoutType {
     Stacked = 'stacked', 
@@ -509,7 +506,7 @@ export class DocCreatorMenu extends ObservableReactComponent<{}> {
                     </button>
                 </div>
                 {this._layout.type ? this.layoutConfigOptions: null}
-                {this._layoutPreview ? this.layoutPreviewContents(225) : null}
+                {this._layoutPreview ? this.layoutPreviewContents(this._menuDimensions.width * .75) : null}
                 {selectionBox(60, 20, 'repeat', undefined, repeatOptions.map(num => <option onPointerDown={e => this._layout.repeat = num}>{`${num}x`}</option>))}
                 <hr className='docCreatorMenu-option-divider'/>
                 <div className='docCreatorMenu-general-options-container'>