diff --git a/src/components/Canvas.tsx b/src/components/Canvas.tsx
index 98d591f..ce74f51 100644
--- a/src/components/Canvas.tsx
+++ b/src/components/Canvas.tsx
@@ -1,4 +1,4 @@
-import { Tldraw, TLShape, TLUiComponents } from "@tldraw/tldraw";
+import { Editor, Tldraw, TLShape, TLUiComponents } from "@tldraw/tldraw";
 import { SimController } from "@/physics/PhysicsControls";
 import { HTMLShapeUtil } from "@/shapes/HTMLShapeUtil";
 
@@ -22,8 +22,9 @@ export function Canvas({ shapes }: { shapes: TLShape[]; }) {
       <Tldraw
         components={components}
         shapeUtils={[HTMLShapeUtil]}
-        onMount={() => {
+        onMount={(editor: Editor) => {
           window.dispatchEvent(new CustomEvent('editorDidMountEvent'));
+          editor.user.updateUserPreferences({ isDarkMode: false })
         }}
       >
         <SimController shapes={shapes} />
diff --git a/src/css/style.css b/src/css/style.css
index af71386..1147f76 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -117,6 +117,10 @@ ol {
   &:hover {
     opacity: 1;
   }
+  & img {
+    width: 40px;
+    height: 40px;
+  }
 }
 #toggle-canvas {
   top: 10px;