diff --git a/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx b/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx
index f2f84439..c77525e2 100644
--- a/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx
+++ b/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx
@@ -162,6 +162,15 @@ const ContentWrapper = styled.div`
   width: 100%;
   height: 100%;
 
+  > div:first-child {
+    width: 20%;
+    padding-right: 1rem;
+  }
+
+  > div:last-child {
+    width: 80%;
+  }
+
   .ProseMirror {
     flex: 1;
     padding: 1rem;
diff --git a/apps/web/components/Objects/Activities/DynamicCanva/TableOfContents.tsx b/apps/web/components/Objects/Activities/DynamicCanva/TableOfContents.tsx
index 72243266..558c41ac 100644
--- a/apps/web/components/Objects/Activities/DynamicCanva/TableOfContents.tsx
+++ b/apps/web/components/Objects/Activities/DynamicCanva/TableOfContents.tsx
@@ -73,7 +73,7 @@ const TableOfContents = ({ editor }: TableOfContentsProps) => {
 }
 
 const TOCCard = styled.div`
-  width: 20%;
+  width: 100%;
   background: none;
   border: none;
   box-shadow: none;