diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 05ff35f05b4..a2db9e5b2d8 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -46,8 +46,7 @@ jobs:
       with:
         path: "focalboard"
     - name: npm ci
-      run: |
-        cd focalboard/webapp && npm ci && cd -
+      run: cd focalboard/webapp && npm ci && cd -
 
     - name: Set up Go
       uses: actions/setup-go@v3
@@ -97,7 +96,7 @@ jobs:
       run: cd focalboard; make server-test-mini-${{matrix['db']}}
 
   ci-mac-server:
-    runs-on: macos-11
+    runs-on: macos-12
 
     strategy:
       matrix:
diff --git a/.github/workflows/dev-release.yml b/.github/workflows/dev-release.yml
index 54e4d3869e3..65e7bd4f8dd 100644
--- a/.github/workflows/dev-release.yml
+++ b/.github/workflows/dev-release.yml
@@ -66,7 +66,7 @@ jobs:
         path: ${{ github.workspace }}/focalboard/linux/dist/focalboard-linux.tar.gz
 
   macos:
-    runs-on: macos-11
+    runs-on: macos-12
 
     steps:
 
diff --git a/.github/workflows/prod-release.yml b/.github/workflows/prod-release.yml
index 3e076a066a0..9b466f3a855 100644
--- a/.github/workflows/prod-release.yml
+++ b/.github/workflows/prod-release.yml
@@ -63,7 +63,7 @@ jobs:
         path: ${{ github.workspace }}/focalboard/linux/dist/focalboard-linux.tar.gz
 
   macos:
-    runs-on: macos-11
+    runs-on: macos-12
 
     steps:
 
diff --git a/Makefile b/Makefile
index a77bc3b8e74..336e2935c69 100644
--- a/Makefile
+++ b/Makefile
@@ -142,11 +142,11 @@ server-test-mysql: export FOCALBOARD_STORE_TEST_DOCKER_PORT=44446
 
 server-test-mysql: ## Run server tests using mysql
 	@echo Starting docker container for mysql
-	docker-compose -f ./docker-testing/docker-compose-mysql.yml down -v --remove-orphans
-	docker-compose -f ./docker-testing/docker-compose-mysql.yml run start_dependencies
+	docker compose -f ./docker-testing/docker-compose-mysql.yml down -v --remove-orphans
+	docker compose -f ./docker-testing/docker-compose-mysql.yml run start_dependencies
 	cd server; go test -tags '$(BUILD_TAGS)' -race -v -coverpkg=./... -coverprofile=server-mysql-profile.coverage -count=1 -timeout=30m ./...
 	cd server; go tool cover -func server-mysql-profile.coverage
-	docker-compose -f ./docker-testing/docker-compose-mysql.yml down -v --remove-orphans
+	docker compose -f ./docker-testing/docker-compose-mysql.yml down -v --remove-orphans
 
 server-test-mariadb: export FOCALBOARD_UNIT_TESTING=1
 server-test-mariadb: export FOCALBOARD_STORE_TEST_DB_TYPE=mariadb
@@ -154,11 +154,11 @@ server-test-mariadb: export FOCALBOARD_STORE_TEST_DOCKER_PORT=44445
 
 server-test-mariadb: templates-archive ## Run server tests using mysql
 	@echo Starting docker container for mariadb
-	docker-compose -f ./docker-testing/docker-compose-mariadb.yml down -v --remove-orphans
-	docker-compose -f ./docker-testing/docker-compose-mariadb.yml run start_dependencies
+	docker compose -f ./docker-testing/docker-compose-mariadb.yml down -v --remove-orphans
+	docker compose -f ./docker-testing/docker-compose-mariadb.yml run start_dependencies
 	cd server; go test -tags '$(BUILD_TAGS)' -race -v -coverpkg=./... -coverprofile=server-mariadb-profile.coverage -count=1 -timeout=30m ./...
 	cd server; go tool cover -func server-mariadb-profile.coverage
-	docker-compose -f ./docker-testing/docker-compose-mariadb.yml down -v --remove-orphans
+	docker compose -f ./docker-testing/docker-compose-mariadb.yml down -v --remove-orphans
 
 server-test-postgres: export FOCALBOARD_UNIT_TESTING=1
 server-test-postgres: export FOCALBOARD_STORE_TEST_DB_TYPE=postgres
@@ -166,11 +166,11 @@ server-test-postgres: export FOCALBOARD_STORE_TEST_DOCKER_PORT=44447
 
 server-test-postgres: ## Run server tests using postgres
 	@echo Starting docker container for postgres
-	docker-compose -f ./docker-testing/docker-compose-postgres.yml down -v --remove-orphans
-	docker-compose -f ./docker-testing/docker-compose-postgres.yml run start_dependencies
+	docker compose -f ./docker-testing/docker-compose-postgres.yml down -v --remove-orphans
+	docker compose -f ./docker-testing/docker-compose-postgres.yml run start_dependencies
 	cd server; go test -tags '$(BUILD_TAGS)' -race -v -coverpkg=./... -coverprofile=server-postgres-profile.coverage -count=1 -timeout=30m ./...
 	cd server; go tool cover -func server-postgres-profile.coverage
-	docker-compose -f ./docker-testing/docker-compose-postgres.yml down -v --remove-orphans
+	docker compose -f ./docker-testing/docker-compose-postgres.yml down -v --remove-orphans
 
 webapp: ## Build webapp.
 	cd webapp; npm run pack
diff --git a/webapp/src/components/__snapshots__/cardDialog.test.tsx.snap b/webapp/src/components/__snapshots__/cardDialog.test.tsx.snap
index defa8ebfd96..d5741064646 100644
--- a/webapp/src/components/__snapshots__/cardDialog.test.tsx.snap
+++ b/webapp/src/components/__snapshots__/cardDialog.test.tsx.snap
@@ -41,13 +41,6 @@ exports[`components/cardDialog already following card 1`] = `
                   Attach
                 </span>
               </button>
-              <button
-                type="button"
-              >
-                <span>
-                  Following
-                </span>
-              </button>
             </div>
             <div
               aria-label="menuwrapper"
@@ -499,13 +492,6 @@ exports[`components/cardDialog return a cardDialog readonly 1`] = `
                   Attach
                 </span>
               </button>
-              <button
-                type="button"
-              >
-                <span>
-                  Follow
-                </span>
-              </button>
             </div>
             <button
               aria-label="Close dialog"
@@ -630,13 +616,6 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
                   Attach
                 </span>
               </button>
-              <button
-                type="button"
-              >
-                <span>
-                  Follow
-                </span>
-              </button>
             </div>
             <div
               aria-label="menuwrapper"
@@ -979,13 +958,6 @@ exports[`components/cardDialog return cardDialog menu content and cancel delete
                   Attach
                 </span>
               </button>
-              <button
-                type="button"
-              >
-                <span>
-                  Follow
-                </span>
-              </button>
             </div>
             <div
               aria-label="menuwrapper"
@@ -1191,13 +1163,6 @@ exports[`components/cardDialog should match snapshot 1`] = `
                   Attach
                 </span>
               </button>
-              <button
-                type="button"
-              >
-                <span>
-                  Follow
-                </span>
-              </button>
             </div>
             <div
               aria-label="menuwrapper"
@@ -1392,15 +1357,7 @@ exports[`components/cardDialog should match snapshot without permissions 1`] = `
           >
             <div
               class="d-flex"
-            >
-              <button
-                type="button"
-              >
-                <span>
-                  Follow
-                </span>
-              </button>
-            </div>
+            />
             <div
               aria-label="menuwrapper"
               class="MenuWrapper"
diff --git a/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap b/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap
index 96d6ec14747..36ccb76d2b2 100644
--- a/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap
+++ b/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap
@@ -1167,13 +1167,13 @@ exports[`components/centerPanel return centerPanel and click on card to show car
           class="octo-board-column"
         >
           <div
-            class="KanbanCard false"
+            class="KanbanCard"
             draggable="true"
             style="opacity: 1;"
           >
             <div
               aria-label="menuwrapper"
-              class="MenuWrapper optionsMenu "
+              class="MenuWrapper optionsMenu"
               role="button"
             >
               <button
@@ -1201,13 +1201,13 @@ exports[`components/centerPanel return centerPanel and click on card to show car
             </div>
           </div>
           <div
-            class="KanbanCard false"
+            class="KanbanCard"
             draggable="true"
             style="opacity: 1;"
           >
             <div
               aria-label="menuwrapper"
-              class="MenuWrapper optionsMenu "
+              class="MenuWrapper optionsMenu"
               role="button"
             >
               <button
@@ -8974,13 +8974,13 @@ exports[`components/centerPanel should match snapshot for Kanban 1`] = `
           class="octo-board-column"
         >
           <div
-            class="KanbanCard false"
+            class="KanbanCard"
             draggable="true"
             style="opacity: 1;"
           >
             <div
               aria-label="menuwrapper"
-              class="MenuWrapper optionsMenu "
+              class="MenuWrapper optionsMenu"
               role="button"
             >
               <button
@@ -9493,13 +9493,13 @@ exports[`components/centerPanel should match snapshot for Kanban, not shared 1`]
           class="octo-board-column"
         >
           <div
-            class="KanbanCard false"
+            class="KanbanCard"
             draggable="true"
             style="opacity: 1;"
           >
             <div
               aria-label="menuwrapper"
-              class="MenuWrapper optionsMenu "
+              class="MenuWrapper optionsMenu"
               role="button"
             >
               <button
diff --git a/webapp/src/components/__snapshots__/topBar.test.tsx.snap b/webapp/src/components/__snapshots__/topBar.test.tsx.snap
index a36c70b4fe9..e66d67d1358 100644
--- a/webapp/src/components/__snapshots__/topBar.test.tsx.snap
+++ b/webapp/src/components/__snapshots__/topBar.test.tsx.snap
@@ -7,22 +7,21 @@ exports[`src/components/topBar should match snapshot for focalboardPlugin 1`] =
   >
     <a
       class="link"
-      href="https://www.focalboard.com/fwlink/feedback-boards.html?v=1.0.0"
+      href="https://www.focalboard.com/fwlink/feedback-focalboard.html?v=1.0.0"
       rel="noreferrer"
       target="_blank"
     >
       Give feedback
     </a>
-    <div
-      class="versionFrame"
+    <a
+      href="https://www.focalboard.com/guide/user?utm_source=webapp"
+      rel="noreferrer"
+      target="_blank"
     >
-      <div
-        class="version"
-        title="v1.0.0"
-      >
-        v1.0.0
-      </div>
-    </div>
+      <i
+        class="CompassIcon icon-help-circle-outline HelpIcon"
+      />
+    </a>
   </div>
 </div>
 `;
diff --git a/webapp/src/components/__snapshots__/workspace.test.tsx.snap b/webapp/src/components/__snapshots__/workspace.test.tsx.snap
index e371fc960c0..3f9dd73f983 100644
--- a/webapp/src/components/__snapshots__/workspace.test.tsx.snap
+++ b/webapp/src/components/__snapshots__/workspace.test.tsx.snap
@@ -637,13 +637,13 @@ exports[`src/components/workspace return workspace and showcard 1`] = `
               class="octo-board-column"
             >
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="true"
                 style="opacity: 1;"
               >
                 <div
                   aria-label="menuwrapper"
-                  class="MenuWrapper optionsMenu "
+                  class="MenuWrapper optionsMenu"
                   role="button"
                 >
                   <button
@@ -680,13 +680,13 @@ exports[`src/components/workspace return workspace and showcard 1`] = `
                 </div>
               </div>
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="true"
                 style="opacity: 1;"
               >
                 <div
                   aria-label="menuwrapper"
-                  class="MenuWrapper optionsMenu "
+                  class="MenuWrapper optionsMenu"
                   role="button"
                 >
                   <button
@@ -723,13 +723,13 @@ exports[`src/components/workspace return workspace and showcard 1`] = `
                 </div>
               </div>
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="true"
                 style="opacity: 1;"
               >
                 <div
                   aria-label="menuwrapper"
-                  class="MenuWrapper optionsMenu "
+                  class="MenuWrapper optionsMenu"
                   role="button"
                 >
                   <button
@@ -998,7 +998,7 @@ exports[`src/components/workspace return workspace readonly and showcard 1`] = `
               class="octo-board-column"
             >
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="false"
                 style="opacity: 1;"
               >
@@ -1028,7 +1028,7 @@ exports[`src/components/workspace return workspace readonly and showcard 1`] = `
                 </div>
               </div>
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="false"
                 style="opacity: 1;"
               >
@@ -1058,7 +1058,7 @@ exports[`src/components/workspace return workspace readonly and showcard 1`] = `
                 </div>
               </div>
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="false"
                 style="opacity: 1;"
               >
@@ -1748,13 +1748,13 @@ exports[`src/components/workspace should match snapshot 1`] = `
               class="octo-board-column"
             >
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="true"
                 style="opacity: 1;"
               >
                 <div
                   aria-label="menuwrapper"
-                  class="MenuWrapper optionsMenu "
+                  class="MenuWrapper optionsMenu"
                   role="button"
                 >
                   <button
@@ -1791,13 +1791,13 @@ exports[`src/components/workspace should match snapshot 1`] = `
                 </div>
               </div>
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="true"
                 style="opacity: 1;"
               >
                 <div
                   aria-label="menuwrapper"
-                  class="MenuWrapper optionsMenu "
+                  class="MenuWrapper optionsMenu"
                   role="button"
                 >
                   <button
@@ -1834,13 +1834,13 @@ exports[`src/components/workspace should match snapshot 1`] = `
                 </div>
               </div>
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="true"
                 style="opacity: 1;"
               >
                 <div
                   aria-label="menuwrapper"
-                  class="MenuWrapper optionsMenu "
+                  class="MenuWrapper optionsMenu"
                   role="button"
                 >
                   <button
@@ -2109,7 +2109,7 @@ exports[`src/components/workspace should match snapshot with readonly 1`] = `
               class="octo-board-column"
             >
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="false"
                 style="opacity: 1;"
               >
@@ -2139,7 +2139,7 @@ exports[`src/components/workspace should match snapshot with readonly 1`] = `
                 </div>
               </div>
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="false"
                 style="opacity: 1;"
               >
@@ -2169,7 +2169,7 @@ exports[`src/components/workspace should match snapshot with readonly 1`] = `
                 </div>
               </div>
               <div
-                class="KanbanCard false"
+                class="KanbanCard"
                 draggable="false"
                 style="opacity: 1;"
               >
@@ -2312,181 +2312,3 @@ exports[`src/components/workspace show add new view tooltip 1`] = `
   />
 </div>
 `;
-
-exports[`src/components/workspace show copy link tooltip 1`] = `
-<div
-  class="tippy-box tutorial-tour-tip__box CopyLinkTourStep"
-  data-animation="scale-subtle"
-  data-escaped=""
-  data-placement="right-start"
-  data-reference-hidden=""
-  data-state="visible"
-  role="tooltip"
-  style="max-width: 320px; transition-duration: 250ms;"
-  tabindex="-1"
->
-  <div
-    class="tippy-content"
-    data-state="visible"
-    style="transition-duration: 250ms;"
-  >
-    <div>
-      <div>
-        <div
-          class="tutorial-tour-tip__header"
-        >
-          <h4
-            class="tutorial-tour-tip__header__title"
-          >
-            Copy link
-          </h4>
-          <button
-            type="button"
-          >
-            <i
-              class="CompassIcon icon-close CloseIcon"
-            />
-          </button>
-        </div>
-        <div
-          class="tutorial-tour-tip__body"
-        >
-          You can share your cards with teammates by copying the link and pasting it in a channel, direct message, or group message.
-        </div>
-        <div
-          class="tutorial-tour-tip__footer"
-        >
-          <div
-            class="tutorial-tour-tip__footer-buttons"
-          >
-            <div
-              class="tutorial-tour-tip__circles-ctr"
-            >
-              <div
-                class="tutorial-tour-tip__circular-ring"
-              >
-                <a
-                  class="tutorial-tour-tip__circle"
-                  data-screen="0"
-                  href="#"
-                />
-              </div>
-              <div
-                class="tutorial-tour-tip__circular-ring tutorial-tour-tip__circular-ring-active"
-              >
-                <a
-                  class="tutorial-tour-tip__circle active"
-                  data-screen="1"
-                  href="#"
-                />
-              </div>
-              <div
-                class="tutorial-tour-tip__circular-ring"
-              >
-                <a
-                  class="tutorial-tour-tip__circle"
-                  data-screen="2"
-                  href="#"
-                />
-              </div>
-            </div>
-            <div
-              class="tutorial-tour-tip__btn-ctr"
-            >
-              <button
-                title="Previous"
-                type="button"
-              >
-                <i
-                  class="CompassIcon icon-chevron-left icon"
-                />
-                <span>
-                  Previous
-                </span>
-              </button>
-              <button
-                type="button"
-              >
-                <span>
-                  Next
-                </span>
-                <i
-                  class="CompassIcon icon-chevron-right icon"
-                />
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="tippy-arrow"
-    style="position: absolute; top: 0px; transform: translate(0px, 3px);"
-  />
-</div>
-`;
-
-exports[`src/components/workspace show open card tooltip 1`] = `
-<div
-  class="tippy-box tutorial-tour-tip__box OpenCardTourStep"
-  data-animation="scale-subtle"
-  data-escaped=""
-  data-placement="top"
-  data-reference-hidden=""
-  data-state="visible"
-  role="tooltip"
-  style="max-width: 320px; transition-duration: 250ms;"
-  tabindex="-1"
->
-  <div
-    class="tippy-content"
-    data-state="visible"
-    style="transition-duration: 250ms;"
-  >
-    <div>
-      <div>
-        <div
-          class="tutorial-tour-tip__header"
-        >
-          <h4
-            class="tutorial-tour-tip__header__title"
-          >
-            Open a card
-          </h4>
-          <button
-            type="button"
-          >
-            <i
-              class="CompassIcon icon-close CloseIcon"
-            />
-          </button>
-        </div>
-        <div
-          class="tutorial-tour-tip__body"
-        >
-          Open a card to explore the powerful ways that Boards can help you organize your work.
-        </div>
-        <div
-          class="tutorial-tour-tip__footer"
-        >
-          <div
-            class="tutorial-tour-tip__footer-buttons"
-          >
-            <div
-              class="tutorial-tour-tip__circles-ctr"
-            />
-            <div
-              class="tutorial-tour-tip__btn-ctr"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="tippy-arrow"
-    style="position: absolute; left: 0px; transform: translate(3px, 0px);"
-  />
-</div>
-`;
diff --git a/webapp/src/components/boardTemplateSelector/__snapshots__/boardTemplateSelectorPreview.test.tsx.snap b/webapp/src/components/boardTemplateSelector/__snapshots__/boardTemplateSelectorPreview.test.tsx.snap
index d51bab53bd6..57a4b1f27aa 100644
--- a/webapp/src/components/boardTemplateSelector/__snapshots__/boardTemplateSelectorPreview.test.tsx.snap
+++ b/webapp/src/components/boardTemplateSelector/__snapshots__/boardTemplateSelectorPreview.test.tsx.snap
@@ -360,13 +360,13 @@ exports[`components/boardTemplateSelector/boardTemplateSelectorPreview should ma
           class="octo-board-column"
         >
           <div
-            class="KanbanCard false"
+            class="KanbanCard"
             draggable="true"
             style="opacity: 1;"
           >
             <div
               aria-label="menuwrapper"
-              class="MenuWrapper optionsMenu "
+              class="MenuWrapper optionsMenu"
               role="button"
             >
               <button
diff --git a/webapp/src/components/cardDetail/__snapshots__/cardDetail.test.tsx.snap b/webapp/src/components/cardDetail/__snapshots__/cardDetail.test.tsx.snap
index 10113eaad4c..dc1549c19df 100644
--- a/webapp/src/components/cardDetail/__snapshots__/cardDetail.test.tsx.snap
+++ b/webapp/src/components/cardDetail/__snapshots__/cardDetail.test.tsx.snap
@@ -239,7 +239,7 @@ exports[`components/cardDetail/CardDetail should show add comments tour tip 1`]
         >
           <img
             alt="tutorial tour tip product image"
-            src="test-file-stub"
+            src="http://localhost/test-file-stub"
           />
         </div>
         <div
@@ -364,7 +364,7 @@ exports[`components/cardDetail/CardDetail should show add description tour tip 1
         >
           <img
             alt="tutorial tour tip product image"
-            src="test-file-stub"
+            src="http://localhost/test-file-stub"
           />
         </div>
         <div
@@ -487,7 +487,7 @@ exports[`components/cardDetail/CardDetail should show add properties tour tip 1`
         >
           <img
             alt="tutorial tour tip product image"
-            src="test-file-stub"
+            src="http://localhost/test-file-stub"
           />
         </div>
         <div
diff --git a/webapp/src/components/kanban/__snapshots__/kanban.test.tsx.snap b/webapp/src/components/kanban/__snapshots__/kanban.test.tsx.snap
index 63d0817f09e..b1df8786d1d 100644
--- a/webapp/src/components/kanban/__snapshots__/kanban.test.tsx.snap
+++ b/webapp/src/components/kanban/__snapshots__/kanban.test.tsx.snap
@@ -144,13 +144,13 @@ exports[`src/component/kanban/kanban return kanban and change title on KanbanCol
         class="octo-board-column"
       >
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
@@ -177,13 +177,13 @@ exports[`src/component/kanban/kanban return kanban and change title on KanbanCol
           </div>
         </div>
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
@@ -221,13 +221,13 @@ exports[`src/component/kanban/kanban return kanban and change title on KanbanCol
         class="octo-board-column"
       >
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
@@ -594,13 +594,13 @@ exports[`src/component/kanban/kanban return kanban and click on KanbanCalculatio
         class="octo-board-column"
       >
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
@@ -627,13 +627,13 @@ exports[`src/component/kanban/kanban return kanban and click on KanbanCalculatio
           </div>
         </div>
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
@@ -671,13 +671,13 @@ exports[`src/component/kanban/kanban return kanban and click on KanbanCalculatio
         class="octo-board-column"
       >
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
@@ -880,13 +880,13 @@ exports[`src/component/kanban/kanban should match snapshot 1`] = `
         class="octo-board-column"
       >
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
@@ -913,13 +913,13 @@ exports[`src/component/kanban/kanban should match snapshot 1`] = `
           </div>
         </div>
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
@@ -957,13 +957,13 @@ exports[`src/component/kanban/kanban should match snapshot 1`] = `
         class="octo-board-column"
       >
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
@@ -1117,13 +1117,13 @@ exports[`src/component/kanban/kanban should match snapshot without permissions 1
         class="octo-board-column"
       >
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
@@ -1150,13 +1150,13 @@ exports[`src/component/kanban/kanban should match snapshot without permissions 1
           </div>
         </div>
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
@@ -1187,13 +1187,13 @@ exports[`src/component/kanban/kanban should match snapshot without permissions 1
         class="octo-board-column"
       >
         <div
-          class="KanbanCard false"
+          class="KanbanCard"
           draggable="true"
           style="opacity: 1;"
         >
           <div
             aria-label="menuwrapper"
-            class="MenuWrapper optionsMenu "
+            class="MenuWrapper optionsMenu"
             role="button"
           >
             <button
diff --git a/webapp/src/components/kanban/__snapshots__/kanbanCard.test.tsx.snap b/webapp/src/components/kanban/__snapshots__/kanbanCard.test.tsx.snap
index f288a4aa993..c8cdb8ecb70 100644
--- a/webapp/src/components/kanban/__snapshots__/kanbanCard.test.tsx.snap
+++ b/webapp/src/components/kanban/__snapshots__/kanbanCard.test.tsx.snap
@@ -3,13 +3,13 @@
 exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy link menu  1`] = `
 <div>
   <div
-    class="KanbanCard false"
+    class="KanbanCard"
     draggable="true"
     style="opacity: 1;"
   >
     <div
       aria-label="menuwrapper"
-      class="MenuWrapper override menuOpened optionsMenu "
+      class="MenuWrapper override menuOpened optionsMenu"
       role="button"
     >
       <button
@@ -185,13 +185,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy li
 exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete menu  1`] = `
 <div>
   <div
-    class="KanbanCard false"
+    class="KanbanCard"
     draggable="true"
     style="opacity: 1;"
   >
     <div
       aria-label="menuwrapper"
-      class="MenuWrapper override menuOpened optionsMenu "
+      class="MenuWrapper override menuOpened optionsMenu"
       role="button"
     >
       <button
@@ -367,13 +367,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete
 exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplicate menu  1`] = `
 <div>
   <div
-    class="KanbanCard false"
+    class="KanbanCard"
     draggable="true"
     style="opacity: 1;"
   >
     <div
       aria-label="menuwrapper"
-      class="MenuWrapper override menuOpened optionsMenu "
+      class="MenuWrapper override menuOpened optionsMenu"
       role="button"
     >
       <button
@@ -549,13 +549,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplica
 exports[`src/components/kanban/kanbanCard should match snapshot 1`] = `
 <div>
   <div
-    class="KanbanCard false"
+    class="KanbanCard"
     draggable="true"
     style="opacity: 1;"
   >
     <div
       aria-label="menuwrapper"
-      class="MenuWrapper optionsMenu "
+      class="MenuWrapper optionsMenu"
       role="button"
     >
       <button
@@ -595,7 +595,7 @@ exports[`src/components/kanban/kanbanCard should match snapshot 1`] = `
 exports[`src/components/kanban/kanbanCard should match snapshot with readonly 1`] = `
 <div>
   <div
-    class="KanbanCard false"
+    class="KanbanCard"
     draggable="false"
     style="opacity: 1;"
   >
diff --git a/webapp/src/components/onboardingTour/addComments/__snapshots__/addComments.test.tsx.snap b/webapp/src/components/onboardingTour/addComments/__snapshots__/addComments.test.tsx.snap
index a675e0907e9..bfd0813a998 100644
--- a/webapp/src/components/onboardingTour/addComments/__snapshots__/addComments.test.tsx.snap
+++ b/webapp/src/components/onboardingTour/addComments/__snapshots__/addComments.test.tsx.snap
@@ -46,7 +46,7 @@ exports[`components/onboardingTour/addComments/AddCommentTourStep after hover 1`
         >
           <img
             alt="tutorial tour tip product image"
-            src="test-file-stub"
+            src="http://localhost/test-file-stub"
           />
         </div>
         <div
diff --git a/webapp/src/components/onboardingTour/addDescription/__snapshots__/addDescription.test.tsx.snap b/webapp/src/components/onboardingTour/addDescription/__snapshots__/addDescription.test.tsx.snap
index 68bd73c69ae..3c5ab84bedb 100644
--- a/webapp/src/components/onboardingTour/addDescription/__snapshots__/addDescription.test.tsx.snap
+++ b/webapp/src/components/onboardingTour/addDescription/__snapshots__/addDescription.test.tsx.snap
@@ -46,7 +46,7 @@ exports[`components/onboardingTour/addComments/AddDescriptionTourStep after hove
         >
           <img
             alt="tutorial tour tip product image"
-            src="test-file-stub"
+            src="http://localhost/test-file-stub"
           />
         </div>
         <div
diff --git a/webapp/src/components/onboardingTour/addProperties/__snapshots__/addProperties.test.tsx.snap b/webapp/src/components/onboardingTour/addProperties/__snapshots__/addProperties.test.tsx.snap
index 45ad425460f..c40bf59d506 100644
--- a/webapp/src/components/onboardingTour/addProperties/__snapshots__/addProperties.test.tsx.snap
+++ b/webapp/src/components/onboardingTour/addProperties/__snapshots__/addProperties.test.tsx.snap
@@ -46,7 +46,7 @@ exports[`components/onboardingTour/addComments/AddPropertiesTourStep after hover
         >
           <img
             alt="tutorial tour tip product image"
-            src="test-file-stub"
+            src="http://localhost/test-file-stub"
           />
         </div>
         <div
diff --git a/webapp/src/components/onboardingTour/addView/__snapshots__/addView.test.tsx.snap b/webapp/src/components/onboardingTour/addView/__snapshots__/addView.test.tsx.snap
index 9e7ab45b821..3d380b3a461 100644
--- a/webapp/src/components/onboardingTour/addView/__snapshots__/addView.test.tsx.snap
+++ b/webapp/src/components/onboardingTour/addView/__snapshots__/addView.test.tsx.snap
@@ -46,7 +46,7 @@ exports[`components/onboardingTour/addComments/AddViewTourStep after hover 1`] =
         >
           <img
             alt="tutorial tour tip product image"
-            src="test-file-stub"
+            src="http://localhost/test-file-stub"
           />
         </div>
         <div
diff --git a/webapp/src/components/onboardingTour/copyLink/__snapshots__/copyLink.test.tsx.snap b/webapp/src/components/onboardingTour/copyLink/__snapshots__/copyLink.test.tsx.snap
index edece51f53b..4255a28f948 100644
--- a/webapp/src/components/onboardingTour/copyLink/__snapshots__/copyLink.test.tsx.snap
+++ b/webapp/src/components/onboardingTour/copyLink/__snapshots__/copyLink.test.tsx.snap
@@ -46,7 +46,7 @@ exports[`components/onboardingTour/addComments/CopyLinkTourStep after hover 1`]
         >
           <img
             alt="tutorial tour tip product image"
-            src="test-file-stub"
+            src="http://localhost/test-file-stub"
           />
         </div>
         <div
diff --git a/webapp/src/components/onboardingTour/shareBoard/__snapshots__/shareBoard.test.tsx.snap b/webapp/src/components/onboardingTour/shareBoard/__snapshots__/shareBoard.test.tsx.snap
index 0f5655b6d97..91dc5421529 100644
--- a/webapp/src/components/onboardingTour/shareBoard/__snapshots__/shareBoard.test.tsx.snap
+++ b/webapp/src/components/onboardingTour/shareBoard/__snapshots__/shareBoard.test.tsx.snap
@@ -46,7 +46,7 @@ exports[`components/onboardingTour/addComments/ShareBoardTourStep after hover 1`
         >
           <img
             alt="tutorial tour tip product image"
-            src="test-file-stub"
+            src="http://localhost/test-file-stub"
           />
         </div>
         <div
diff --git a/webapp/src/components/shareBoard/__snapshots__/channelPermissionsRow.test.tsx.snap b/webapp/src/components/shareBoard/__snapshots__/channelPermissionsRow.test.tsx.snap
deleted file mode 100644
index ff6f02b2c01..00000000000
--- a/webapp/src/components/shareBoard/__snapshots__/channelPermissionsRow.test.tsx.snap
+++ /dev/null
@@ -1,445 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`src/components/shareBoard/channelPermissionsRow should match snapshot 1`] = `
-<div>
-  <div
-    class="user-item channel-item"
-  >
-    <div
-      class="user-item__content"
-    >
-      <span
-        class="user-item__img"
-      >
-        <i
-          class="CompassIcon icon-globe GlobeIcon"
-        />
-      </span>
-      <div
-        class="ml-3"
-      >
-        <strong>
-          Test Channel
-        </strong>
-      </div>
-    </div>
-    <div>
-      <div
-        aria-label="menuwrapper"
-        class="MenuWrapper"
-        role="button"
-      >
-        <button
-          class="user-item__button"
-        >
-          Editor
-          <i
-            class="CompassIcon icon-chevron-down CompassIcon"
-          />
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`src/components/shareBoard/channelPermissionsRow should match snapshot in plugin mode 1`] = `
-<div>
-  <div
-    class="user-item channel-item"
-  >
-    <div
-      class="user-item__content"
-    >
-      <span
-        class="user-item__img"
-      >
-        <i
-          class="CompassIcon icon-globe GlobeIcon"
-        />
-      </span>
-      <div
-        class="ml-3"
-      >
-        <strong>
-          Test Channel
-        </strong>
-      </div>
-    </div>
-    <div>
-      <div
-        aria-label="menuwrapper"
-        class="MenuWrapper override menuOpened"
-        role="button"
-      >
-        <button
-          class="user-item__button"
-        >
-          Editor
-          <i
-            class="CompassIcon icon-chevron-down CompassIcon"
-          />
-        </button>
-        <div
-          class="Menu noselect left "
-        >
-          <div
-            class="menu-contents"
-          >
-            <div
-              class="menu-options"
-            >
-              <div>
-                <div
-                  aria-label="Unlink"
-                  class="MenuOption TextOption menu-option"
-                  role="button"
-                >
-                  <div
-                    class="d-flex"
-                  >
-                    <div
-                      class="menu-option__icon"
-                    >
-                      <i
-                        class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="menu-option__content"
-                  >
-                    <div
-                      class="menu-name"
-                    >
-                      Unlink
-                    </div>
-                  </div>
-                  <div
-                    class="noicon"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              class="menu-spacer hideOnWidescreen"
-            />
-            <div
-              class="menu-options hideOnWidescreen"
-            >
-              <div
-                aria-label="Cancel"
-                class="MenuOption TextOption menu-option menu-cancel"
-                role="button"
-              >
-                <div
-                  class="d-flex"
-                >
-                  <div
-                    class="noicon"
-                  />
-                </div>
-                <div
-                  class="menu-option__content"
-                >
-                  <div
-                    class="menu-name"
-                  >
-                    Cancel
-                  </div>
-                </div>
-                <div
-                  class="noicon"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`src/components/shareBoard/channelPermissionsRow should match snapshot in template 1`] = `
-<div>
-  <div
-    class="user-item channel-item"
-  >
-    <div
-      class="user-item__content"
-    >
-      <span
-        class="user-item__img"
-      >
-        <i
-          class="CompassIcon icon-globe GlobeIcon"
-        />
-      </span>
-      <div
-        class="ml-3"
-      >
-        <strong>
-          Test Channel
-        </strong>
-      </div>
-    </div>
-    <div>
-      <div
-        aria-label="menuwrapper"
-        class="MenuWrapper override menuOpened"
-        role="button"
-      >
-        <button
-          class="user-item__button"
-        >
-          Editor
-          <i
-            class="CompassIcon icon-chevron-down CompassIcon"
-          />
-        </button>
-        <div
-          class="Menu noselect left "
-        >
-          <div
-            class="menu-contents"
-          >
-            <div
-              class="menu-options"
-            >
-              <div>
-                <div
-                  aria-label="Unlink"
-                  class="MenuOption TextOption menu-option"
-                  role="button"
-                >
-                  <div
-                    class="d-flex"
-                  >
-                    <div
-                      class="menu-option__icon"
-                    >
-                      <i
-                        class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="menu-option__content"
-                  >
-                    <div
-                      class="menu-name"
-                    >
-                      Unlink
-                    </div>
-                  </div>
-                  <div
-                    class="noicon"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              class="menu-spacer hideOnWidescreen"
-            />
-            <div
-              class="menu-options hideOnWidescreen"
-            >
-              <div
-                aria-label="Cancel"
-                class="MenuOption TextOption menu-option menu-cancel"
-                role="button"
-              >
-                <div
-                  class="d-flex"
-                >
-                  <div
-                    class="noicon"
-                  />
-                </div>
-                <div
-                  class="menu-option__content"
-                >
-                  <div
-                    class="menu-name"
-                  >
-                    Cancel
-                  </div>
-                </div>
-                <div
-                  class="noicon"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`src/components/shareBoard/channelPermissionsRow should match snapshot when board has no channel id 1`] = `<div />`;
-
-exports[`src/components/shareBoard/channelPermissionsRow should match snapshot when no plugin mode 1`] = `<div />`;
-
-exports[`src/components/shareBoard/channelPermissionsRow should match snapshot with menu open 1`] = `
-<div>
-  <div
-    class="user-item channel-item"
-  >
-    <div
-      class="user-item__content"
-    >
-      <span
-        class="user-item__img"
-      >
-        <i
-          class="CompassIcon icon-globe GlobeIcon"
-        />
-      </span>
-      <div
-        class="ml-3"
-      >
-        <strong>
-          Test Channel
-        </strong>
-      </div>
-    </div>
-    <div>
-      <div
-        aria-label="menuwrapper"
-        class="MenuWrapper override menuOpened"
-        role="button"
-      >
-        <button
-          class="user-item__button"
-        >
-          Editor
-          <i
-            class="CompassIcon icon-chevron-down CompassIcon"
-          />
-        </button>
-        <div
-          class="Menu noselect left "
-        >
-          <div
-            class="menu-contents"
-          >
-            <div
-              class="menu-options"
-            >
-              <div>
-                <div
-                  aria-label="Unlink"
-                  class="MenuOption TextOption menu-option"
-                  role="button"
-                >
-                  <div
-                    class="d-flex"
-                  >
-                    <div
-                      class="menu-option__icon"
-                    >
-                      <i
-                        class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="menu-option__content"
-                  >
-                    <div
-                      class="menu-name"
-                    >
-                      Unlink
-                    </div>
-                  </div>
-                  <div
-                    class="noicon"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              class="menu-spacer hideOnWidescreen"
-            />
-            <div
-              class="menu-options hideOnWidescreen"
-            >
-              <div
-                aria-label="Cancel"
-                class="MenuOption TextOption menu-option menu-cancel"
-                role="button"
-              >
-                <div
-                  class="d-flex"
-                >
-                  <div
-                    class="noicon"
-                  />
-                </div>
-                <div
-                  class="menu-option__content"
-                >
-                  <div
-                    class="menu-name"
-                  >
-                    Cancel
-                  </div>
-                </div>
-                <div
-                  class="noicon"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`src/components/shareBoard/channelPermissionsRow should match snapshot with unknown channel 1`] = `
-<div>
-  <div
-    class="user-item channel-item"
-  >
-    <div
-      class="user-item__content"
-    >
-      <span
-        class="user-item__img"
-      >
-        <i
-          class="CompassIcon icon-lock-outline LockOutlineIcon"
-        />
-      </span>
-      <div
-        class="ml-3"
-      >
-        <strong>
-          Unknown channel
-        </strong>
-      </div>
-    </div>
-    <div>
-      <div
-        aria-label="menuwrapper"
-        class="MenuWrapper"
-        role="button"
-      >
-        <button
-          class="user-item__button"
-        >
-          Editor
-          <i
-            class="CompassIcon icon-chevron-down CompassIcon"
-          />
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/webapp/src/components/shareBoard/__snapshots__/shareBoard.test.tsx.snap b/webapp/src/components/shareBoard/__snapshots__/shareBoard.test.tsx.snap
index 2db558d6b8c..321e01739d5 100644
--- a/webapp/src/components/shareBoard/__snapshots__/shareBoard.test.tsx.snap
+++ b/webapp/src/components/shareBoard/__snapshots__/shareBoard.test.tsx.snap
@@ -1,257 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`src/components/shareBoard/shareBoard confirm unlinking linked channel 1`] = `
-<div>
-  <div
-    class="Dialog dialog-back ShareBoardDialog size--medium"
-  >
-    <div
-      class="backdrop"
-    />
-    <div
-      class="wrapper"
-    >
-      <div
-        class="dialog"
-        role="dialog"
-      >
-        <div
-          class="toolbar"
-        >
-          <div>
-            <h1
-              class="dialog-title"
-            >
-              Share Board
-            </h1>
-          </div>
-          <div
-            class="toolbar--right"
-          >
-            <button
-              aria-label="Close dialog"
-              title="Close dialog"
-              type="button"
-            >
-              <i
-                class="CompassIcon icon-close CloseIcon"
-              />
-            </button>
-          </div>
-        </div>
-        <div
-          class="share-input__container"
-        >
-          <div
-            class="share-input"
-          >
-            <i
-              class="CompassIcon icon-magnify MagnifyIcon"
-            />
-            <div
-              class="userSearchInput css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-12-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-                role="log"
-              />
-              <div
-                class=" css-1wmrr75-Control"
-              >
-                <div
-                  class=" css-b2z5qd-ValueContainer"
-                >
-                  <div
-                    class=" css-1jqq78o-placeholder"
-                    id="react-select-12-placeholder"
-                  >
-                    Search for people and channels
-                  </div>
-                  <div
-                    class=" css-1p5v8kp-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-activedescendant=""
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-12-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class=""
-                      id="react-select-12-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class=" css-1hb7zxy-IndicatorsContainer"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="user-items"
-        >
-          <div
-            class="user-item"
-          >
-            <div
-              class="user-item__content"
-            >
-              <i
-                class="CompassIcon icon-mattermost user-item__img"
-              />
-              <div
-                class="ml-3"
-              >
-                <strong>
-                  Everyone at Test Team Team
-                </strong>
-              </div>
-            </div>
-            <div>
-              <div
-                aria-label="menuwrapper"
-                class="MenuWrapper"
-                role="button"
-              >
-                <button
-                  class="user-item__button"
-                >
-                  None
-                  <i
-                    class="CompassIcon icon-chevron-down CompassIcon"
-                  />
-                </button>
-              </div>
-            </div>
-          </div>
-          <div
-            class="user-item channel-item"
-          >
-            <div
-              class="user-item__content"
-            >
-              <span
-                class="user-item__img"
-              >
-                <i
-                  class="CompassIcon icon-lock-outline LockOutlineIcon"
-                />
-              </span>
-              <div
-                class="ml-3"
-              >
-                <strong>
-                  Dunder Mifflin Party Planing Committee
-                </strong>
-              </div>
-            </div>
-            <div>
-              <div
-                aria-label="menuwrapper"
-                class="MenuWrapper"
-                role="button"
-              >
-                <button
-                  class="user-item__button"
-                >
-                  Editor
-                  <i
-                    class="CompassIcon icon-chevron-down CompassIcon"
-                  />
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="tabs-container"
-        >
-          <button
-            class="tab-item tab-item--active"
-          >
-            Share
-          </button>
-          <button
-            class="tab-item false"
-          >
-            Publish
-          </button>
-        </div>
-        <div
-          class="tabs-content"
-        >
-          <div>
-            <div
-              class="d-flex justify-content-between"
-            >
-              <div
-                class="d-flex flex-column"
-              >
-                <div
-                  class="text-heading2"
-                >
-                  Share internally
-                </div>
-                <div
-                  class="text-light"
-                >
-                  Users who have permissions will be able to use this link.
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="d-flex justify-content-between tabs-inputs"
-          >
-            <div
-              class="d-flex input-container"
-            >
-              <a
-                class="shareUrl"
-                href="http://localhost/1/1"
-                rel="noreferrer"
-                target="_blank"
-              >
-                http://localhost/1/1
-              </a>
-            </div>
-            <button
-              title="Copy link"
-              type="button"
-            >
-              <i
-                class="CompassIcon icon-content-copy CompassIcon"
-              />
-              <span>
-                Copy link
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
 exports[`src/components/shareBoard/shareBoard return shareBoard and click Copy link 1`] = `
 <div>
   <div
@@ -1022,9 +770,6 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
             <div
               class="user-item__content"
             >
-              <i
-                class="CompassIcon icon-mattermost user-item__img"
-              />
               <div
                 class="ml-3"
               >
@@ -1050,44 +795,6 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
               </div>
             </div>
           </div>
-          <div
-            class="user-item channel-item"
-          >
-            <div
-              class="user-item__content"
-            >
-              <span
-                class="user-item__img"
-              >
-                <i
-                  class="CompassIcon icon-lock-outline LockOutlineIcon"
-                />
-              </span>
-              <div
-                class="ml-3"
-              >
-                <strong>
-                  Dunder Mifflin Party Planing Committee
-                </strong>
-              </div>
-            </div>
-            <div>
-              <div
-                aria-label="menuwrapper"
-                class="MenuWrapper"
-                role="button"
-              >
-                <button
-                  class="user-item__button"
-                >
-                  Editor
-                  <i
-                    class="CompassIcon icon-chevron-down CompassIcon"
-                  />
-                </button>
-              </div>
-            </div>
-          </div>
         </div>
         <div
           class="tabs-content"
@@ -1217,7 +924,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
                 <span
                   id="aria-results"
                 >
-                  8 results available.
+                  4 results available.
                 </span>
                 <span
                   id="aria-guidance"
@@ -1242,7 +949,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
                     data-value=""
                   >
                     <input
-                      aria-activedescendant="react-select-10-option-0-0"
+                      aria-activedescendant="react-select-10-option-0"
                       aria-autocomplete="list"
                       aria-controls="react-select-10-listbox"
                       aria-describedby="react-select-10-placeholder"
@@ -1276,230 +983,102 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
                   role="listbox"
                 >
                   <div
-                    class=" css-syji7d-Group"
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-8e5kjb-option"
+                    id="react-select-10-option-0"
+                    role="option"
+                    tabindex="-1"
                   >
                     <div
-                      class=" css-jtaw72-group"
-                      id="react-select-10-group-0-heading"
+                      class="user-item"
                     >
-                      Members
-                    </div>
-                    <div>
-                      <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-8e5kjb-option"
-                        id="react-select-10-option-0-0"
-                        role="option"
-                        tabindex="-1"
-                      >
-                        <div
-                          class="user-item"
-                        >
-                          <img
-                            class="user-item__img"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              username_1
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_1
-                            </strong>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-10-option-0-1"
-                        role="option"
-                        tabindex="-1"
-                      >
-                        <div
-                          class="user-item"
-                        >
-                          <img
-                            class="user-item__img"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              username_2
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_2
-                            </strong>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-10-option-0-2"
-                        role="option"
-                        tabindex="-1"
-                      >
-                        <div
-                          class="user-item"
-                        >
-                          <img
-                            class="user-item__img"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              username_3
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_3
-                            </strong>
-                          </div>
-                        </div>
-                      </div>
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-10-option-0-3"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_1
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <img
-                            class="user-item__img"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              username_4
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_4
-                            </strong>
-                          </div>
-                        </div>
+                          @username_1
+                        </strong>
                       </div>
                     </div>
                   </div>
                   <div
-                    class=" css-syji7d-Group"
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-x3yilo-option"
+                    id="react-select-10-option-1"
+                    role="option"
+                    tabindex="-1"
                   >
                     <div
-                      class=" css-jtaw72-group"
-                      id="react-select-10-group-1-heading"
+                      class="user-item"
                     >
-                      Channels
-                    </div>
-                    <div>
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-10-option-1-0"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_2
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <i
-                            class="CompassIcon icon-lock-outline LockOutlineIcon"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              Channel 1
-                            </strong>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-10-option-1-1"
-                        role="option"
-                        tabindex="-1"
-                      >
-                        <div
-                          class="user-item"
-                        >
-                          <i
-                            class="CompassIcon icon-lock-outline LockOutlineIcon"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              Channel 2
-                            </strong>
-                          </div>
-                        </div>
+                          @username_2
+                        </strong>
                       </div>
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-x3yilo-option"
+                    id="react-select-10-option-2"
+                    role="option"
+                    tabindex="-1"
+                  >
+                    <div
+                      class="user-item"
+                    >
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-10-option-1-2"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_3
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <i
-                            class="CompassIcon icon-globe GlobeIcon"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              Channel 3
-                            </strong>
-                          </div>
-                        </div>
+                          @username_3
+                        </strong>
                       </div>
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-x3yilo-option"
+                    id="react-select-10-option-3"
+                    role="option"
+                    tabindex="-1"
+                  >
+                    <div
+                      class="user-item"
+                    >
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-10-option-1-3"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_4
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <i
-                            class="CompassIcon icon-globe GlobeIcon"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              Channel 4
-                            </strong>
-                          </div>
-                        </div>
+                          @username_4
+                        </strong>
                       </div>
                     </div>
                   </div>
@@ -1517,9 +1096,6 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
             <div
               class="user-item__content"
             >
-              <i
-                class="CompassIcon icon-mattermost user-item__img"
-              />
               <div
                 class="ml-3"
               >
@@ -1545,44 +1121,6 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
               </div>
             </div>
           </div>
-          <div
-            class="user-item channel-item"
-          >
-            <div
-              class="user-item__content"
-            >
-              <span
-                class="user-item__img"
-              >
-                <i
-                  class="CompassIcon icon-lock-outline LockOutlineIcon"
-                />
-              </span>
-              <div
-                class="ml-3"
-              >
-                <strong>
-                  Dunder Mifflin Party Planing Committee
-                </strong>
-              </div>
-            </div>
-            <div>
-              <div
-                aria-label="menuwrapper"
-                class="MenuWrapper"
-                role="button"
-              >
-                <button
-                  class="user-item__button"
-                >
-                  Editor
-                  <i
-                    class="CompassIcon icon-chevron-down CompassIcon"
-                  />
-                </button>
-              </div>
-            </div>
-          </div>
         </div>
         <div
           class="tabs-content"
@@ -1755,52 +1293,11 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
             <div
               class="user-item__content"
             >
-              <i
-                class="CompassIcon icon-mattermost user-item__img"
-              />
-              <div
-                class="ml-3"
-              >
-                <strong>
-                  Everyone at Test Team Team
-                </strong>
-              </div>
-            </div>
-            <div>
-              <div
-                aria-label="menuwrapper"
-                class="MenuWrapper"
-                role="button"
-              >
-                <button
-                  class="user-item__button"
-                >
-                  None
-                  <i
-                    class="CompassIcon icon-chevron-down CompassIcon"
-                  />
-                </button>
-              </div>
-            </div>
-          </div>
-          <div
-            class="user-item channel-item"
-          >
-            <div
-              class="user-item__content"
-            >
-              <span
-                class="user-item__img"
-              >
-                <i
-                  class="CompassIcon icon-lock-outline LockOutlineIcon"
-                />
-              </span>
               <div
                 class="ml-3"
               >
                 <strong>
-                  Dunder Mifflin Party Planing Committee
+                  Everyone at Test Team Team
                 </strong>
               </div>
             </div>
@@ -1813,7 +1310,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
                 <button
                   class="user-item__button"
                 >
-                  Editor
+                  None
                   <i
                     class="CompassIcon icon-chevron-down CompassIcon"
                   />
@@ -1950,7 +1447,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
                 <span
                   id="aria-results"
                 >
-                  8 results available.
+                  4 results available.
                 </span>
                 <span
                   id="aria-guidance"
@@ -1975,7 +1472,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
                     data-value=""
                   >
                     <input
-                      aria-activedescendant="react-select-11-option-0-0"
+                      aria-activedescendant="react-select-11-option-0"
                       aria-autocomplete="list"
                       aria-controls="react-select-11-listbox"
                       aria-describedby="react-select-11-placeholder"
@@ -2009,248 +1506,120 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
                   role="listbox"
                 >
                   <div
-                    class=" css-syji7d-Group"
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-8e5kjb-option"
+                    id="react-select-11-option-0"
+                    role="option"
+                    tabindex="-1"
                   >
                     <div
-                      class=" css-jtaw72-group"
-                      id="react-select-11-group-0-heading"
+                      class="user-item"
                     >
-                      Members
-                    </div>
-                    <div>
-                      <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-8e5kjb-option"
-                        id="react-select-11-option-0-0"
-                        role="option"
-                        tabindex="-1"
-                      >
-                        <div
-                          class="user-item"
-                        >
-                          <img
-                            class="user-item__img"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              username_1
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_1
-                            </strong>
-                            <div
-                              class="AdminBadge"
-                            >
-                              <div
-                                class="AdminBadge__box"
-                              >
-                                Team Admin
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-11-option-0-1"
-                        role="option"
-                        tabindex="-1"
-                      >
-                        <div
-                          class="user-item"
-                        >
-                          <img
-                            class="user-item__img"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              username_2
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_2
-                            </strong>
-                            <div
-                              class="AdminBadge"
-                            >
-                              <div
-                                class="AdminBadge__box"
-                              >
-                                Admin
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-11-option-0-2"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_1
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <img
-                            class="user-item__img"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              username_3
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_3
-                            </strong>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-11-option-0-3"
-                        role="option"
-                        tabindex="-1"
-                      >
+                          @username_1
+                        </strong>
                         <div
-                          class="user-item"
+                          class="AdminBadge"
                         >
-                          <img
-                            class="user-item__img"
-                          />
                           <div
-                            class="ml-3"
+                            class="AdminBadge__box"
                           >
-                            <strong>
-                              username_4
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_4
-                            </strong>
+                            Team Admin
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div
-                    class=" css-syji7d-Group"
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-x3yilo-option"
+                    id="react-select-11-option-1"
+                    role="option"
+                    tabindex="-1"
                   >
                     <div
-                      class=" css-jtaw72-group"
-                      id="react-select-11-group-1-heading"
+                      class="user-item"
                     >
-                      Channels
-                    </div>
-                    <div>
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-11-option-1-0"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_2
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <i
-                            class="CompassIcon icon-lock-outline LockOutlineIcon"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              Channel 1
-                            </strong>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-11-option-1-1"
-                        role="option"
-                        tabindex="-1"
-                      >
+                          @username_2
+                        </strong>
                         <div
-                          class="user-item"
+                          class="AdminBadge"
                         >
-                          <i
-                            class="CompassIcon icon-lock-outline LockOutlineIcon"
-                          />
                           <div
-                            class="ml-3"
+                            class="AdminBadge__box"
                           >
-                            <strong>
-                              Channel 2
-                            </strong>
+                            Admin
                           </div>
                         </div>
                       </div>
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-x3yilo-option"
+                    id="react-select-11-option-2"
+                    role="option"
+                    tabindex="-1"
+                  >
+                    <div
+                      class="user-item"
+                    >
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-11-option-1-2"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_3
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <i
-                            class="CompassIcon icon-globe GlobeIcon"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              Channel 3
-                            </strong>
-                          </div>
-                        </div>
+                          @username_3
+                        </strong>
                       </div>
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-x3yilo-option"
+                    id="react-select-11-option-3"
+                    role="option"
+                    tabindex="-1"
+                  >
+                    <div
+                      class="user-item"
+                    >
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-11-option-1-3"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_4
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <i
-                            class="CompassIcon icon-globe GlobeIcon"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              Channel 4
-                            </strong>
-                          </div>
-                        </div>
+                          @username_4
+                        </strong>
                       </div>
                     </div>
                   </div>
@@ -2268,9 +1637,6 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
             <div
               class="user-item__content"
             >
-              <i
-                class="CompassIcon icon-mattermost user-item__img"
-              />
               <div
                 class="ml-3"
               >
@@ -2296,44 +1662,6 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
               </div>
             </div>
           </div>
-          <div
-            class="user-item channel-item"
-          >
-            <div
-              class="user-item__content"
-            >
-              <span
-                class="user-item__img"
-              >
-                <i
-                  class="CompassIcon icon-lock-outline LockOutlineIcon"
-                />
-              </span>
-              <div
-                class="ml-3"
-              >
-                <strong>
-                  Dunder Mifflin Party Planing Committee
-                </strong>
-              </div>
-            </div>
-            <div>
-              <div
-                aria-label="menuwrapper"
-                class="MenuWrapper"
-                role="button"
-              >
-                <button
-                  class="user-item__button"
-                >
-                  Editor
-                  <i
-                    class="CompassIcon icon-chevron-down CompassIcon"
-                  />
-                </button>
-              </div>
-            </div>
-          </div>
         </div>
         <div
           class="tabs-content"
@@ -2445,7 +1773,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
             >
               <span
                 class="css-1f43avz-a11yText-A11yText"
-                id="react-select-14-live-region"
+                id="react-select-13-live-region"
               />
               <span
                 aria-atomic="false"
@@ -2462,7 +1790,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
                 >
                   <div
                     class=" css-1jqq78o-placeholder"
-                    id="react-select-14-placeholder"
+                    id="react-select-13-placeholder"
                   >
                     Search for people
                   </div>
@@ -2473,14 +1801,14 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
                     <input
                       aria-activedescendant=""
                       aria-autocomplete="list"
-                      aria-describedby="react-select-14-placeholder"
+                      aria-describedby="react-select-13-placeholder"
                       aria-expanded="false"
                       aria-haspopup="true"
                       autocapitalize="none"
                       autocomplete="off"
                       autocorrect="off"
                       class=""
-                      id="react-select-14-input"
+                      id="react-select-13-input"
                       role="combobox"
                       spellcheck="false"
                       style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
@@ -2506,9 +1834,6 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
             <div
               class="user-item__content"
             >
-              <i
-                class="CompassIcon icon-mattermost user-item__img"
-              />
               <div
                 class="ml-3"
               >
@@ -2534,44 +1859,6 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
               </div>
             </div>
           </div>
-          <div
-            class="user-item channel-item"
-          >
-            <div
-              class="user-item__content"
-            >
-              <span
-                class="user-item__img"
-              >
-                <i
-                  class="CompassIcon icon-lock-outline LockOutlineIcon"
-                />
-              </span>
-              <div
-                class="ml-3"
-              >
-                <strong>
-                  Dunder Mifflin Party Planing Committee
-                </strong>
-              </div>
-            </div>
-            <div>
-              <div
-                aria-label="menuwrapper"
-                class="MenuWrapper"
-                role="button"
-              >
-                <button
-                  class="user-item__button"
-                >
-                  Editor
-                  <i
-                    class="CompassIcon icon-chevron-down CompassIcon"
-                  />
-                </button>
-              </div>
-            </div>
-          </div>
         </div>
       </div>
     </div>
@@ -2632,7 +1919,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
             >
               <span
                 class="css-1f43avz-a11yText-A11yText"
-                id="react-select-14-live-region"
+                id="react-select-13-live-region"
               />
               <span
                 aria-atomic="false"
@@ -2666,7 +1953,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
                 >
                   <div
                     class=" css-1jqq78o-placeholder"
-                    id="react-select-14-placeholder"
+                    id="react-select-13-placeholder"
                   >
                     Search for people
                   </div>
@@ -2675,17 +1962,17 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
                     data-value=""
                   >
                     <input
-                      aria-activedescendant="react-select-14-option-0-0"
+                      aria-activedescendant="react-select-13-option-0"
                       aria-autocomplete="list"
-                      aria-controls="react-select-14-listbox"
-                      aria-describedby="react-select-14-placeholder"
+                      aria-controls="react-select-13-listbox"
+                      aria-describedby="react-select-13-placeholder"
                       aria-expanded="true"
                       aria-haspopup="true"
                       autocapitalize="none"
                       autocomplete="off"
                       autocorrect="off"
                       class=""
-                      id="react-select-14-input"
+                      id="react-select-13-input"
                       role="combobox"
                       spellcheck="false"
                       style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
@@ -2705,130 +1992,106 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
                 <div
                   aria-multiselectable="false"
                   class=" css-1d1qzc4-MenuList"
-                  id="react-select-14-listbox"
+                  id="react-select-13-listbox"
                   role="listbox"
                 >
                   <div
-                    class=" css-syji7d-Group"
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-8e5kjb-option"
+                    id="react-select-13-option-0"
+                    role="option"
+                    tabindex="-1"
                   >
                     <div
-                      class=" css-jtaw72-group"
-                      id="react-select-14-group-0-heading"
+                      class="user-item"
                     >
-                      Members
-                    </div>
-                    <div>
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-8e5kjb-option"
-                        id="react-select-14-option-0-0"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_1
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <img
-                            class="user-item__img"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              username_1
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_1
-                            </strong>
-                          </div>
-                        </div>
+                          @username_1
+                        </strong>
                       </div>
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-x3yilo-option"
+                    id="react-select-13-option-1"
+                    role="option"
+                    tabindex="-1"
+                  >
+                    <div
+                      class="user-item"
+                    >
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-14-option-0-1"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_2
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <img
-                            class="user-item__img"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              username_2
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_2
-                            </strong>
-                          </div>
-                        </div>
+                          @username_2
+                        </strong>
                       </div>
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-x3yilo-option"
+                    id="react-select-13-option-2"
+                    role="option"
+                    tabindex="-1"
+                  >
+                    <div
+                      class="user-item"
+                    >
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-14-option-0-2"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_3
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <img
-                            class="user-item__img"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              username_3
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_3
-                            </strong>
-                          </div>
-                        </div>
+                          @username_3
+                        </strong>
                       </div>
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class=" css-x3yilo-option"
+                    id="react-select-13-option-3"
+                    role="option"
+                    tabindex="-1"
+                  >
+                    <div
+                      class="user-item"
+                    >
                       <div
-                        aria-disabled="false"
-                        aria-selected="false"
-                        class=" css-x3yilo-option"
-                        id="react-select-14-option-0-3"
-                        role="option"
-                        tabindex="-1"
+                        class="ml-3"
                       >
-                        <div
-                          class="user-item"
+                        <strong>
+                          username_4
+                        </strong>
+                        <strong
+                          class="ml-2 text-light"
                         >
-                          <img
-                            class="user-item__img"
-                          />
-                          <div
-                            class="ml-3"
-                          >
-                            <strong>
-                              username_4
-                            </strong>
-                            <strong
-                              class="ml-2 text-light"
-                            >
-                              @username_4
-                            </strong>
-                          </div>
-                        </div>
+                          @username_4
+                        </strong>
                       </div>
                     </div>
                   </div>
@@ -2846,9 +2109,6 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
             <div
               class="user-item__content"
             >
-              <i
-                class="CompassIcon icon-mattermost user-item__img"
-              />
               <div
                 class="ml-3"
               >
@@ -2874,44 +2134,6 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
               </div>
             </div>
           </div>
-          <div
-            class="user-item channel-item"
-          >
-            <div
-              class="user-item__content"
-            >
-              <span
-                class="user-item__img"
-              >
-                <i
-                  class="CompassIcon icon-lock-outline LockOutlineIcon"
-                />
-              </span>
-              <div
-                class="ml-3"
-              >
-                <strong>
-                  Dunder Mifflin Party Planing Committee
-                </strong>
-              </div>
-            </div>
-            <div>
-              <div
-                aria-label="menuwrapper"
-                class="MenuWrapper"
-                role="button"
-              >
-                <button
-                  class="user-item__button"
-                >
-                  Editor
-                  <i
-                    class="CompassIcon icon-chevron-down CompassIcon"
-                  />
-                </button>
-              </div>
-            </div>
-          </div>
         </div>
       </div>
     </div>
@@ -4284,7 +3506,7 @@ exports[`src/components/shareBoard/shareBoard should match snapshot, with templa
             >
               <span
                 class="css-1f43avz-a11yText-A11yText"
-                id="react-select-13-live-region"
+                id="react-select-12-live-region"
               />
               <span
                 aria-atomic="false"
@@ -4301,7 +3523,7 @@ exports[`src/components/shareBoard/shareBoard should match snapshot, with templa
                 >
                   <div
                     class=" css-1jqq78o-placeholder"
-                    id="react-select-13-placeholder"
+                    id="react-select-12-placeholder"
                   >
                     Search for people
                   </div>
@@ -4312,14 +3534,14 @@ exports[`src/components/shareBoard/shareBoard should match snapshot, with templa
                     <input
                       aria-activedescendant=""
                       aria-autocomplete="list"
-                      aria-describedby="react-select-13-placeholder"
+                      aria-describedby="react-select-12-placeholder"
                       aria-expanded="false"
                       aria-haspopup="true"
                       autocapitalize="none"
                       autocomplete="off"
                       autocorrect="off"
                       class=""
-                      id="react-select-13-input"
+                      id="react-select-12-input"
                       role="combobox"
                       spellcheck="false"
                       style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
@@ -4345,9 +3567,6 @@ exports[`src/components/shareBoard/shareBoard should match snapshot, with templa
             <div
               class="user-item__content"
             >
-              <i
-                class="CompassIcon icon-mattermost user-item__img"
-              />
               <div
                 class="ml-3"
               >
@@ -4373,44 +3592,6 @@ exports[`src/components/shareBoard/shareBoard should match snapshot, with templa
               </div>
             </div>
           </div>
-          <div
-            class="user-item channel-item"
-          >
-            <div
-              class="user-item__content"
-            >
-              <span
-                class="user-item__img"
-              >
-                <i
-                  class="CompassIcon icon-lock-outline LockOutlineIcon"
-                />
-              </span>
-              <div
-                class="ml-3"
-              >
-                <strong>
-                  Dunder Mifflin Party Planing Committee
-                </strong>
-              </div>
-            </div>
-            <div>
-              <div
-                aria-label="menuwrapper"
-                class="MenuWrapper"
-                role="button"
-              >
-                <button
-                  class="user-item__button"
-                >
-                  Editor
-                  <i
-                    class="CompassIcon icon-chevron-down CompassIcon"
-                  />
-                </button>
-              </div>
-            </div>
-          </div>
         </div>
       </div>
     </div>
diff --git a/webapp/src/components/shareBoard/__snapshots__/teamPermissionsRow.test.tsx.snap b/webapp/src/components/shareBoard/__snapshots__/teamPermissionsRow.test.tsx.snap
index be7e66d97b1..17db0541b53 100644
--- a/webapp/src/components/shareBoard/__snapshots__/teamPermissionsRow.test.tsx.snap
+++ b/webapp/src/components/shareBoard/__snapshots__/teamPermissionsRow.test.tsx.snap
@@ -218,9 +218,6 @@ exports[`src/components/shareBoard/teamPermissionsRow should match snapshot in p
     <div
       class="user-item__content"
     >
-      <i
-        class="CompassIcon icon-mattermost user-item__img"
-      />
       <div
         class="ml-3"
       >
@@ -431,9 +428,6 @@ exports[`src/components/shareBoard/teamPermissionsRow should match snapshot in t
     <div
       class="user-item__content"
     >
-      <i
-        class="CompassIcon icon-mattermost user-item__img"
-      />
       <div
         class="ml-3"
       >
diff --git a/webapp/src/components/shareBoard/__snapshots__/userPermissionsRow.test.tsx.snap b/webapp/src/components/shareBoard/__snapshots__/userPermissionsRow.test.tsx.snap
index 8745f3ea7f1..bb961db7b7e 100644
--- a/webapp/src/components/shareBoard/__snapshots__/userPermissionsRow.test.tsx.snap
+++ b/webapp/src/components/shareBoard/__snapshots__/userPermissionsRow.test.tsx.snap
@@ -259,9 +259,6 @@ exports[`src/components/shareBoard/userPermissionsRow should match snapshot in p
     <div
       class="user-item__content"
     >
-      <img
-        class="user-item__img"
-      />
       <div
         class="ml-3"
       >
@@ -513,9 +510,6 @@ exports[`src/components/shareBoard/userPermissionsRow should match snapshot in t
     <div
       class="user-item__content"
     >
-      <img
-        class="user-item__img"
-      />
       <div
         class="ml-3"
       >
diff --git a/webapp/src/components/shareBoard/shareBoard.test.tsx b/webapp/src/components/shareBoard/shareBoard.test.tsx
index d09f6840a0d..bb1ef2ae6ec 100644
--- a/webapp/src/components/shareBoard/shareBoard.test.tsx
+++ b/webapp/src/components/shareBoard/shareBoard.test.tsx
@@ -587,49 +587,6 @@ describe('src/components/shareBoard/shareBoard', () => {
         expect(container).toMatchSnapshot()
     })
 
-    test('confirm unlinking linked channel', async () => {
-        const sharing: ISharing = {
-            id: '',
-            enabled: false,
-            token: '',
-        }
-        mockedOctoClient.getSharing.mockResolvedValue(sharing)
-
-        let container: Element | DocumentFragment | null = null
-        await act(async () => {
-            const result = render(
-                wrapDNDIntl(
-                    <ReduxProvider store={store}>
-                        <ShareBoard
-                            onClose={jest.fn()}
-                            enableSharedBoards={true}
-                        />
-                    </ReduxProvider>),
-                {wrapper: MemoryRouter},
-            )
-            container = result.container
-        })
-
-        expect(container).toMatchSnapshot()
-
-        const channelMenuBtn = container!.querySelector('.user-item.channel-item .MenuWrapper')
-        expect(channelMenuBtn).not.toBeNull()
-        userEvent.click(channelMenuBtn as Element)
-
-        const unlinkOption = screen.getByText('Unlink')
-        expect(unlinkOption).not.toBeNull()
-        userEvent.click(unlinkOption)
-
-        const unlinkConfirmationBtn = screen.getByText('Unlink channel')
-        expect(unlinkConfirmationBtn).not.toBeNull()
-        userEvent.click(unlinkConfirmationBtn)
-
-        expect(mockedOctoClient.patchBoard).toBeCalled()
-
-        const closeButton = screen.getByRole('button', {name: 'Close dialog'})
-        expect(closeButton).toBeDefined()
-    })
-
     test('should match snapshot, with template', async () => {
         const sharing: ISharing = {
             id: '',
diff --git a/webapp/src/components/workspace.test.tsx b/webapp/src/components/workspace.test.tsx
index c8031a4eb99..d126f22bd7a 100644
--- a/webapp/src/components/workspace.test.tsx
+++ b/webapp/src/components/workspace.test.tsx
@@ -305,110 +305,6 @@ describe('src/components/workspace', () => {
         expect(container).toMatchSnapshot()
     })
 
-    test('show open card tooltip', async () => {
-        const welcomeBoard = TestBlockFactory.createBoard()
-        welcomeBoard.title = 'Welcome to Boards!'
-
-        const onboardingCard = TestBlockFactory.createCard(welcomeBoard)
-        onboardingCard.id = 'card1'
-        onboardingCard.title = 'Create a new card'
-        onboardingCard.boardId = welcomeBoard.id
-
-        const localState = {
-            teams: {
-                current: {id: 'team-id', title: 'Test Team'},
-            },
-            users: {
-                me: {
-                    id: 'user-id-1',
-                    username: 'username_1',
-                    email: '',
-                    nickname: '',
-                    firstname: '',
-                    lastname: '',
-                    create_at: 0,
-                    update_at: 0,
-                    is_bot: false,
-                    roles: 'system_user',
-                },
-                boardUsers: {[me.id]: me},
-                blockSubscriptions: [],
-                myConfig: {
-                    welcomePageViewed: {value: '1'},
-                    onboardingTourStarted: {value: true},
-                    tourCategory: {value: 'onboarding'},
-                    onboardingTourStep: {value: '0'},
-                },
-            },
-            boards: {
-                current: welcomeBoard.id,
-                boards: {
-                    [welcomeBoard.id]: welcomeBoard,
-                },
-                templates: [],
-                myBoardMemberships: {
-                    [welcomeBoard.id]: {userId: 'user_id_1', schemeAdmin: true},
-                },
-            },
-            limits: {
-                limits: {
-                    cards: 0,
-                    used_cards: 0,
-                    card_limit_timestamp: 0,
-                    views: 0,
-                },
-            },
-            globalTemplates: {
-                value: [],
-            },
-            views: {
-                views: {
-                    [activeView.id]: activeView,
-                },
-                current: activeView.id,
-            },
-            cards: {
-                templates: [],
-                cards: [onboardingCard, card1, card2, card3],
-            },
-            searchText: {},
-            clientConfig: {
-                value: {
-                    telemetry: true,
-                    telemetryid: 'telemetry',
-                    enablePublicSharedBoards: true,
-                    teammateNameDisplay: 'username',
-                },
-            },
-            contents: {
-                contents: {},
-            },
-            comments: {
-                comments: {},
-            },
-            sidebar: {
-                categoryAttributes: [
-                    categoryAttribute1,
-                ],
-                hiddenBoardIDs: [],
-            },
-        }
-        const localStore = mockStateStore([thunk], localState)
-
-        await act(async () => {
-            render(wrapDNDIntl(
-                <ReduxProvider store={localStore}>
-                    <Workspace readonly={false}/>
-                </ReduxProvider>,
-            ), {wrapper: MemoryRouter})
-            jest.runOnlyPendingTimers()
-        })
-
-        const elements = document.querySelectorAll('.OpenCardTourStep')
-        expect(elements.length).toBe(2)
-        expect(elements[1]).toMatchSnapshot()
-    })
-
     test('show add new view tooltip', async () => {
         const welcomeBoard = TestBlockFactory.createBoard()
         welcomeBoard.title = 'Welcome to Boards!'
@@ -515,109 +411,4 @@ describe('src/components/workspace', () => {
         expect(elements.length).toBe(2)
         expect(elements[1]).toMatchSnapshot()
     })
-
-    test('show copy link tooltip', async () => {
-        const welcomeBoard = TestBlockFactory.createBoard()
-        welcomeBoard.title = 'Welcome to Boards!'
-
-        const onboardingCard = TestBlockFactory.createCard(welcomeBoard)
-        onboardingCard.id = 'card1'
-        onboardingCard.title = 'Create a new card'
-        onboardingCard.boardId = welcomeBoard.id
-
-        const localState = {
-            teams: {
-                current: {id: 'team-id', title: 'Test Team'},
-            },
-            users: {
-                me: {
-                    id: 'user-id-1',
-                    username: 'username_1',
-                    email: '',
-                    nickname: '',
-                    firstname: '',
-                    lastname: '',
-                    create_at: 0,
-                    update_at: 0,
-                    is_bot: false,
-                    roles: 'system_user',
-                },
-                myConfig: {
-                    welcomePageViewed: {value: '1'},
-                    onboardingTourStarted: {value: true},
-                    tourCategory: {value: 'board'},
-                    onboardingTourStep: {value: '1'},
-                },
-                boardUsers: {[me.id]: me},
-                blockSubscriptions: [],
-            },
-            boards: {
-                current: welcomeBoard.id,
-                boards: {
-                    [welcomeBoard.id]: welcomeBoard,
-                },
-                templates: [],
-                myBoardMemberships: {
-                    [welcomeBoard.id]: {userId: 'user_id_1', schemeAdmin: true},
-                },
-            },
-            limits: {
-                limits: {
-                    cards: 0,
-                    used_cards: 0,
-                    card_limit_timestamp: 0,
-                    views: 0,
-                },
-            },
-            globalTemplates: {
-                value: [],
-            },
-            views: {
-                views: {
-                    [activeView.id]: activeView,
-                },
-                current: activeView.id,
-            },
-            cards: {
-                templates: [],
-                cards: [onboardingCard, card1, card2, card3],
-            },
-            searchText: {},
-            clientConfig: {
-                value: {
-                    telemetry: true,
-                    telemetryid: 'telemetry',
-                    enablePublicSharedBoards: true,
-                    teammateNameDisplay: 'username',
-                },
-            },
-            contents: {
-                contents: {},
-            },
-            comments: {
-                comments: {},
-            },
-            sidebar: {
-                categoryAttributes: [
-                    categoryAttribute1,
-                ],
-                hiddenBoardIDs: [],
-            },
-        }
-        const localStore = mockStateStore([thunk], localState)
-
-        await act(async () => {
-            render(wrapDNDIntl(
-                <ReduxProvider store={localStore}>
-                    <Workspace readonly={false}/>
-                </ReduxProvider>,
-            ), {wrapper: MemoryRouter})
-            jest.runOnlyPendingTimers()
-        })
-
-        const elements = document.querySelectorAll('.CopyLinkTourStep')
-        expect(elements).toBeDefined()
-        expect(elements.length).toBe(2)
-        expect(elements[1]).toMatchSnapshot()
-    })
 })
diff --git a/webapp/src/pages/welcome/__snapshots__/welcomePage.test.tsx.snap b/webapp/src/pages/welcome/__snapshots__/welcomePage.test.tsx.snap
index ef9ac5df44f..4fc29f1cccb 100644
--- a/webapp/src/pages/welcome/__snapshots__/welcomePage.test.tsx.snap
+++ b/webapp/src/pages/welcome/__snapshots__/welcomePage.test.tsx.snap
@@ -24,12 +24,12 @@ exports[`pages/welcome Welcome Page shows Explore Page 1`] = `
         <img
           alt="Boards Welcome Image"
           class="WelcomePage__image WelcomePage__image--large"
-          src="test-file-stub"
+          src="http://localhost/test-file-stub"
         />
         <img
           alt="Boards Welcome Image"
           class="WelcomePage__image WelcomePage__image--small"
-          src="test-file-stub"
+          src="http://localhost/test-file-stub"
         />
         <div
           class="WelcomePage__buttons"
@@ -81,12 +81,12 @@ exports[`pages/welcome Welcome Page shows Explore Page with subpath 1`] = `
         <img
           alt="Boards Welcome Image"
           class="WelcomePage__image WelcomePage__image--large"
-          src="test-file-stub"
+          src="http://localhost/subpath/test-file-stub"
         />
         <img
           alt="Boards Welcome Image"
           class="WelcomePage__image WelcomePage__image--small"
-          src="test-file-stub"
+          src="http://localhost/subpath/test-file-stub"
         />
         <div
           class="WelcomePage__buttons"