diff --git a/apps/web/app/(canvas)/canvas.css b/apps/web/app/(canvas)/canvas.css
deleted file mode 100644
index 3e6700da..00000000
--- a/apps/web/app/(canvas)/canvas.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.tlui-dialog__overlay {
-  position: fixed;
-}
diff --git a/apps/web/app/(canvas)/canvasStyles.css b/apps/web/app/(canvas)/canvasStyles.css
index a53d8c96..04da2054 100644
--- a/apps/web/app/(canvas)/canvasStyles.css
+++ b/apps/web/app/(canvas)/canvasStyles.css
@@ -21,4 +21,8 @@
 
 .tlui-minimap__canvas {
   background: #1F2428 !important;
+}
+
+.tlui-dialog__overlay {
+  position: fixed;
 }
\ No newline at end of file
diff --git a/apps/web/app/(canvas)/textCard.tsx b/apps/web/app/(canvas)/textCard.tsx
index 210bda1c..b24dae52 100644
--- a/apps/web/app/(canvas)/textCard.tsx
+++ b/apps/web/app/(canvas)/textCard.tsx
@@ -1,8 +1,4 @@
-import {
-  BaseBoxShapeUtil,
-  HTMLContainer,
-  TLBaseShape,
-} from "tldraw";
+import { BaseBoxShapeUtil, HTMLContainer, TLBaseShape } from "tldraw";
 
 type ITextCardShape = TLBaseShape<
   "Textcard",
@@ -22,14 +18,13 @@ export class textCardUtil extends BaseBoxShapeUtil<ITextCardShape> {
   }
 
   component(s: ITextCardShape) {
-
     return (
       <HTMLContainer className="flex h-full w-full items-center justify-center">
         <div
           style={{
             height: s.props.h,
             width: s.props.w,
-            pointerEvents:"all",
+            pointerEvents: "all",
             background: "#2C3439",
             borderRadius: "16px",
             padding: "8px 14px",