2 files changed, 3 insertions, 6 deletions
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
index ac60ddb3e..81fd3386c 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
@@ -222,7 +222,7 @@
 
 .docCreatorMenu-option-divider {
     border-top: 1px solid rgb(180, 180, 180);
-    width: 225px;
+    width: 80%;
     margin-top: 10px;
     margin-bottom: 10px;
 }
@@ -505,7 +505,7 @@
         overflow: scroll;
         display: grid;
         width: 100%;
-        aspect-ratio: 1.23;
+        aspect-ratio: 1;
         //height: auto;
         // max-width: 240;
         // max-height: 240;
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'>