diff --git a/workflowy-helper/style.css b/workflowy-helper/style.css
index d0f3758..3586b7f 100644
--- a/workflowy-helper/style.css
+++ b/workflowy-helper/style.css
@@ -198,6 +198,8 @@ body::-webkit-scrollbar {
 .paragraph {
 	margin: 0 !important;
 }
+
+
 .project:not(.boardCard) .breadcrumbs {
     position: absolute;
     z-index: 20;
@@ -704,35 +706,35 @@ body::-webkit-scrollbar {
 	margin-left: 4px;
 }
 
-.boardCard {
-	/* width: max-content !important; */
-	/* max-width: var(--card) !important; */
-	width: -webkit-fill-available;
-	min-width: max-content;
-    /* min-width: var(--card) !important; */
-}
+/* .boardCard { */
+/* 	/1* width: max-content !important; *1/ */
+/* 	/1* max-width: var(--card) !important; *1/ */
+/* 	width: -webkit-fill-available; */
+/* 	min-width: max-content; */
+/*     /1* min-width: var(--card) !important; *1/ */
+/* } */
 
-.boardCard .name,
-.boardCard .notes {
-	max-width: 400px !important;
-	/* padding-right: 15px !important; */
-}
+/* .boardCard .name, */
+/* .boardCard .notes { */
+/* 	max-width: 400px !important; */
+/* 	/1* padding-right: 15px !important; *1/ */
+/* } */
 
-.boardCard > .notes {
-	padding-left: 24px !important;
-}
-.boardCard > .name {
-	padding-left: calc(var(--name-left-overhang) + 24px) !important;
-}
+/* .boardCard > .notes { */
+/* 	padding-left: 24px !important; */
+/* } */
+/* .boardCard > .name { */
+/* 	padding-left: calc(var(--name-left-overhang) + 24px) !important; */
+/* } */
 
-.boardCard > .name > .bullet {
-	left: calc(var(--name-left-overhang) - 12px) !important;
-	top: 7px !important;
-}
+/* .boardCard > .name > .bullet { */
+/* 	left: calc(var(--name-left-overhang) - 12px) !important; */
+/* 	top: 7px !important; */
+/* } */
 
-.boardColumn > .children {
-	padding-left: 0 !important;
-}
+/* .boardColumn > .children { */
+/* 	padding-left: 0 !important; */
+/* } */
 
 .boardCard.tagged-a {
 	border-color: var(--red) !important;
@@ -750,53 +752,59 @@ body::-webkit-scrollbar {
 	border-color: var(--violet) !important;
 }
 
-.boardCard {
-	box-sizing: border-box !important;
-	padding-top: 3px !important;
+.boardColumn {
+	flex: 0 0 600px !important;
+	max-width: 80vw !important;
 }
 
-.boardColumn > .name {
-	/* max-width: var(--card) !important; */
-	/* width: 100% !important; */
-	width: -webkit-fill-available;
-    min-width: max-content;
-	max-width: initial !important;
-	margin: 8px 32px 0px 32px;
-	padding: 0;
-	border-bottom: 1px solid var(--grey) !important;
-}
 
-.boardColumn > .name > .expand {
-	top: 7px !important;
-	left: -20px !important;
-}
+/* .boardCard { */
+/* 	box-sizing: border-box !important; */
+/* 	padding-top: 3px !important; */
+/* } */
 
-.boardColumn > .name > .bullet.bullet {
-	top: 7px !important;
-	right: -25px !important;
-}
+/* .boardColumn > .name { */
+/* 	/1* max-width: var(--card) !important; *1/ */
+/* 	/1* width: 100% !important; *1/ */
+/* 	width: -webkit-fill-available; */
+/*     min-width: max-content; */
+/* 	max-width: initial !important; */
+/* 	margin: 8px 32px 0px 32px; */
+/* 	padding: 0; */
+/* 	border-bottom: 1px solid var(--grey) !important; */
+/* } */
 
-.boardColumn > .name .itemMenu.menu {
-	top: 5px !important;
-	right: -30px !important;
-}
+/* .boardColumn > .name > .expand { */
+/* 	top: 7px !important; */
+/* 	left: -20px !important; */
+/* } */
 
-.boardColumn .boardCard .itemMenu {
-	right: -40px !important;
-	top: 0 !important;
-	left: auto !important;
-}
+/* .boardColumn > .name > .bullet.bullet { */
+/* 	top: 7px !important; */
+/* 	right: -25px !important; */
+/* } */
 
-.boardColumn > .name > .content {
-	padding: 0 0 4px 0 !important;
-	/* width: 100% !important; */
-}
+/* .boardColumn > .name .itemMenu.menu { */
+/* 	top: 5px !important; */
+/* 	right: -30px !important; */
+/* } */
 
-.boardColumn > .children {
-	padding: 8px 0 0 0 !important;
-	scrollbar-width: none;      /* Firefox */
-	-ms-overflow-style: none;   /* IE 10+ */
-}
+/* .boardColumn .boardCard .itemMenu { */
+/* 	right: -40px !important; */
+/* 	top: 0 !important; */
+/* 	left: auto !important; */
+/* } */
+
+/* .boardColumn > .name > .content { */
+/* 	padding: 0 0 4px 0 !important; */
+/* 	/1* width: 100% !important; *1/ */
+/* } */
+
+/* .boardColumn > .children { */
+/* 	padding: 8px 0 0 0 !important; */
+/* 	scrollbar-width: none;      /1* Firefox *1/ */
+/* 	-ms-overflow-style: none;   /1* IE 10+ *1/ */
+/* } */
 
 
 .boardColumn {
@@ -862,3 +870,7 @@ body::-webkit-scrollbar {
 i {
 	color: var(--base01) !important;
 }
+
+/* body.is-mobile #app .boardCard > .name { */
+/* 	padding-left: initial !important; */
+/* } */