diff --git a/src/components/assessment/__tests__/__snapshots__/index.tsx.snap b/src/components/assessment/__tests__/__snapshots__/index.tsx.snap
index b5631c9349..aa7d5349d2 100644
--- a/src/components/assessment/__tests__/__snapshots__/index.tsx.snap
+++ b/src/components/assessment/__tests__/__snapshots__/index.tsx.snap
@@ -80,39 +80,13 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                               </div>
                               <div className=\\"col-xs-9 listing-text\\">
                                 <div className=\\"row listing-title\\">
-                                  <Text ellipsize={true} className=\\"col-xs-10\\">
-                                    <div className=\\"pt-text-overflow-ellipsis col-xs-10\\" title={[undefined]}>
+                                  <Text ellipsize={true} className=\\"col-xs-12\\">
+                                    <div className=\\"pt-text-overflow-ellipsis col-xs-12\\" title={[undefined]}>
                                       <h4>
                                         An Odessey to Runes (Duplicate)
                                       </h4>
                                     </div>
                                   </Text>
-                                  <div className=\\"col-xs-2\\">
-                                    <Blueprint2.Popover content={{...}} defaultIsOpen={false} disabled={false} hasBackdrop={false} hoverCloseDelay={300} hoverOpenDelay={150} inheritDarkTheme={true} interactionKind=\\"click\\" minimal={false} modifiers={{...}} openOnTargetFocus={true} position=\\"auto\\" rootElementTag=\\"span\\" targetElementTag=\\"div\\" transitionDuration={300} usePortal={true}>
-                                      <Manager tag=\\"span\\" className=\\"pt-popover-wrapper\\">
-                                        <span className=\\"pt-popover-wrapper\\">
-                                          <Target onClick={[Function]} className=\\"pt-popover-target\\" component=\\"div\\" innerRef={[Function: target]}>
-                                            <div onClick={[Function]} className=\\"pt-popover-target\\">
-                                              <Blueprint2.Button icon=\\"menu\\" minimal={true} className=\\"\\" disabled={[undefined]} tabIndex={[undefined]}>
-                                                <button type=\\"button\\" className=\\"pt-button pt-minimal\\" disabled={[undefined]} tabIndex={[undefined]} onClick={[undefined]} onKeyDown={[Function]} onKeyUp={[Function]}>
-                                                  <Blueprint2.Icon icon=\\"menu\\">
-                                                    <svg className=\\"pt-icon\\" style={{...}} data-icon=\\"menu\\" width={16} height={16} viewBox=\\"0 0 16 16\\">
-                                                      <title>
-                                                        menu
-                                                      </title>
-                                                      <path d=\\"M1 4h14c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1zm14 8H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1zm0-5H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1z\\" fillRule=\\"evenodd\\" />
-                                                    </svg>
-                                                  </Blueprint2.Icon>
-                                                  <Blueprint2.Icon icon={[undefined]} />
-                                                </button>
-                                              </Blueprint2.Button>
-                                            </div>
-                                          </Target>
-                                          <Blueprint2.Overlay autoFocus={true} backdropClassName=\\"pt-popover-backdrop\\" backdropProps={{...}} canEscapeKeyClose={true} canOutsideClickClose={true} className={[undefined]} didOpen={[Function]} enforceFocus={true} hasBackdrop={false} usePortal={true} isOpen={false} onClose={[Function]} transitionDuration={300} transitionName=\\"pt-popover\\" lazy={true} />
-                                        </span>
-                                      </Manager>
-                                    </Blueprint2.Popover>
-                                  </div>
                                 </div>
                                 <div className=\\"row listing-order\\">
                                   <h6>
@@ -173,39 +147,13 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                               </div>
                               <div className=\\"col-xs-9 listing-text\\">
                                 <div className=\\"row listing-title\\">
-                                  <Text ellipsize={true} className=\\"col-xs-10\\">
-                                    <div className=\\"pt-text-overflow-ellipsis col-xs-10\\" title={[undefined]}>
+                                  <Text ellipsize={true} className=\\"col-xs-12\\">
+                                    <div className=\\"pt-text-overflow-ellipsis col-xs-12\\" title={[undefined]}>
                                       <h4>
                                         An Odessey to Runes
                                       </h4>
                                     </div>
                                   </Text>
-                                  <div className=\\"col-xs-2\\">
-                                    <Blueprint2.Popover content={{...}} defaultIsOpen={false} disabled={false} hasBackdrop={false} hoverCloseDelay={300} hoverOpenDelay={150} inheritDarkTheme={true} interactionKind=\\"click\\" minimal={false} modifiers={{...}} openOnTargetFocus={true} position=\\"auto\\" rootElementTag=\\"span\\" targetElementTag=\\"div\\" transitionDuration={300} usePortal={true}>
-                                      <Manager tag=\\"span\\" className=\\"pt-popover-wrapper\\">
-                                        <span className=\\"pt-popover-wrapper\\">
-                                          <Target onClick={[Function]} className=\\"pt-popover-target\\" component=\\"div\\" innerRef={[Function: target]}>
-                                            <div onClick={[Function]} className=\\"pt-popover-target\\">
-                                              <Blueprint2.Button icon=\\"menu\\" minimal={true} className=\\"\\" disabled={[undefined]} tabIndex={[undefined]}>
-                                                <button type=\\"button\\" className=\\"pt-button pt-minimal\\" disabled={[undefined]} tabIndex={[undefined]} onClick={[undefined]} onKeyDown={[Function]} onKeyUp={[Function]}>
-                                                  <Blueprint2.Icon icon=\\"menu\\">
-                                                    <svg className=\\"pt-icon\\" style={{...}} data-icon=\\"menu\\" width={16} height={16} viewBox=\\"0 0 16 16\\">
-                                                      <title>
-                                                        menu
-                                                      </title>
-                                                      <path d=\\"M1 4h14c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1zm14 8H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1zm0-5H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1z\\" fillRule=\\"evenodd\\" />
-                                                    </svg>
-                                                  </Blueprint2.Icon>
-                                                  <Blueprint2.Icon icon={[undefined]} />
-                                                </button>
-                                              </Blueprint2.Button>
-                                            </div>
-                                          </Target>
-                                          <Blueprint2.Overlay autoFocus={true} backdropClassName=\\"pt-popover-backdrop\\" backdropProps={{...}} canEscapeKeyClose={true} canOutsideClickClose={true} className={[undefined]} didOpen={[Function]} enforceFocus={true} hasBackdrop={false} usePortal={true} isOpen={false} onClose={[Function]} transitionDuration={300} transitionName=\\"pt-popover\\" lazy={true} />
-                                        </span>
-                                      </Manager>
-                                    </Blueprint2.Popover>
-                                  </div>
                                 </div>
                                 <div className=\\"row listing-order\\">
                                   <h6>
@@ -268,39 +216,13 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                               </div>
                               <div className=\\"col-xs-9 listing-text\\">
                                 <div className=\\"row listing-title\\">
-                                  <Text ellipsize={true} className=\\"col-xs-10\\">
-                                    <div className=\\"pt-text-overflow-ellipsis col-xs-10\\" title={[undefined]}>
+                                  <Text ellipsize={true} className=\\"col-xs-12\\">
+                                    <div className=\\"pt-text-overflow-ellipsis col-xs-12\\" title={[undefined]}>
                                       <h4>
                                         The Secret to Streams
                                       </h4>
                                     </div>
                                   </Text>
-                                  <div className=\\"col-xs-2\\">
-                                    <Blueprint2.Popover content={{...}} defaultIsOpen={false} disabled={false} hasBackdrop={false} hoverCloseDelay={300} hoverOpenDelay={150} inheritDarkTheme={true} interactionKind=\\"click\\" minimal={false} modifiers={{...}} openOnTargetFocus={true} position=\\"auto\\" rootElementTag=\\"span\\" targetElementTag=\\"div\\" transitionDuration={300} usePortal={true}>
-                                      <Manager tag=\\"span\\" className=\\"pt-popover-wrapper\\">
-                                        <span className=\\"pt-popover-wrapper\\">
-                                          <Target onClick={[Function]} className=\\"pt-popover-target\\" component=\\"div\\" innerRef={[Function: target]}>
-                                            <div onClick={[Function]} className=\\"pt-popover-target\\">
-                                              <Blueprint2.Button icon=\\"menu\\" minimal={true} className=\\"\\" disabled={[undefined]} tabIndex={[undefined]}>
-                                                <button type=\\"button\\" className=\\"pt-button pt-minimal\\" disabled={[undefined]} tabIndex={[undefined]} onClick={[undefined]} onKeyDown={[Function]} onKeyUp={[Function]}>
-                                                  <Blueprint2.Icon icon=\\"menu\\">
-                                                    <svg className=\\"pt-icon\\" style={{...}} data-icon=\\"menu\\" width={16} height={16} viewBox=\\"0 0 16 16\\">
-                                                      <title>
-                                                        menu
-                                                      </title>
-                                                      <path d=\\"M1 4h14c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1zm14 8H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1zm0-5H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1z\\" fillRule=\\"evenodd\\" />
-                                                    </svg>
-                                                  </Blueprint2.Icon>
-                                                  <Blueprint2.Icon icon={[undefined]} />
-                                                </button>
-                                              </Blueprint2.Button>
-                                            </div>
-                                          </Target>
-                                          <Blueprint2.Overlay autoFocus={true} backdropClassName=\\"pt-popover-backdrop\\" backdropProps={{...}} canEscapeKeyClose={true} canOutsideClickClose={true} className={[undefined]} didOpen={[Function]} enforceFocus={true} hasBackdrop={false} usePortal={true} isOpen={false} onClose={[Function]} transitionDuration={300} transitionName=\\"pt-popover\\" lazy={true} />
-                                        </span>
-                                      </Manager>
-                                    </Blueprint2.Popover>
-                                  </div>
                                 </div>
                                 <div className=\\"row listing-order\\">
                                   <h6>
@@ -363,39 +285,13 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                               </div>
                               <div className=\\"col-xs-9 listing-text\\">
                                 <div className=\\"row listing-title\\">
-                                  <Text ellipsize={true} className=\\"col-xs-10\\">
-                                    <div className=\\"pt-text-overflow-ellipsis col-xs-10\\" title={[undefined]}>
+                                  <Text ellipsize={true} className=\\"col-xs-12\\">
+                                    <div className=\\"pt-text-overflow-ellipsis col-xs-12\\" title={[undefined]}>
                                       <h4>
                                         A sample Sidequest
                                       </h4>
                                     </div>
                                   </Text>
-                                  <div className=\\"col-xs-2\\">
-                                    <Blueprint2.Popover content={{...}} defaultIsOpen={false} disabled={false} hasBackdrop={false} hoverCloseDelay={300} hoverOpenDelay={150} inheritDarkTheme={true} interactionKind=\\"click\\" minimal={false} modifiers={{...}} openOnTargetFocus={true} position=\\"auto\\" rootElementTag=\\"span\\" targetElementTag=\\"div\\" transitionDuration={300} usePortal={true}>
-                                      <Manager tag=\\"span\\" className=\\"pt-popover-wrapper\\">
-                                        <span className=\\"pt-popover-wrapper\\">
-                                          <Target onClick={[Function]} className=\\"pt-popover-target\\" component=\\"div\\" innerRef={[Function: target]}>
-                                            <div onClick={[Function]} className=\\"pt-popover-target\\">
-                                              <Blueprint2.Button icon=\\"menu\\" minimal={true} className=\\"\\" disabled={[undefined]} tabIndex={[undefined]}>
-                                                <button type=\\"button\\" className=\\"pt-button pt-minimal\\" disabled={[undefined]} tabIndex={[undefined]} onClick={[undefined]} onKeyDown={[Function]} onKeyUp={[Function]}>
-                                                  <Blueprint2.Icon icon=\\"menu\\">
-                                                    <svg className=\\"pt-icon\\" style={{...}} data-icon=\\"menu\\" width={16} height={16} viewBox=\\"0 0 16 16\\">
-                                                      <title>
-                                                        menu
-                                                      </title>
-                                                      <path d=\\"M1 4h14c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1zm14 8H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1zm0-5H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1z\\" fillRule=\\"evenodd\\" />
-                                                    </svg>
-                                                  </Blueprint2.Icon>
-                                                  <Blueprint2.Icon icon={[undefined]} />
-                                                </button>
-                                              </Blueprint2.Button>
-                                            </div>
-                                          </Target>
-                                          <Blueprint2.Overlay autoFocus={true} backdropClassName=\\"pt-popover-backdrop\\" backdropProps={{...}} canEscapeKeyClose={true} canOutsideClickClose={true} className={[undefined]} didOpen={[Function]} enforceFocus={true} hasBackdrop={false} usePortal={true} isOpen={false} onClose={[Function]} transitionDuration={300} transitionName=\\"pt-popover\\" lazy={true} />
-                                        </span>
-                                      </Manager>
-                                    </Blueprint2.Popover>
-                                  </div>
                                 </div>
                                 <div className=\\"row listing-order\\">
                                   <h6>
@@ -566,39 +462,13 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                               </div>
                               <div className=\\"col-xs-9 listing-text\\">
                                 <div className=\\"row listing-title\\">
-                                  <Text ellipsize={true} className=\\"col-xs-10\\">
-                                    <div className=\\"pt-text-overflow-ellipsis col-xs-10\\" title={[undefined]}>
+                                  <Text ellipsize={true} className=\\"col-xs-12\\">
+                                    <div className=\\"pt-text-overflow-ellipsis col-xs-12\\" title={[undefined]}>
                                       <h4>
                                         An Odessey to Runes (Duplicate)
                                       </h4>
                                     </div>
                                   </Text>
-                                  <div className=\\"col-xs-2\\">
-                                    <Blueprint2.Popover content={{...}} defaultIsOpen={false} disabled={false} hasBackdrop={false} hoverCloseDelay={300} hoverOpenDelay={150} inheritDarkTheme={true} interactionKind=\\"click\\" minimal={false} modifiers={{...}} openOnTargetFocus={true} position=\\"auto\\" rootElementTag=\\"span\\" targetElementTag=\\"div\\" transitionDuration={300} usePortal={true}>
-                                      <Manager tag=\\"span\\" className=\\"pt-popover-wrapper\\">
-                                        <span className=\\"pt-popover-wrapper\\">
-                                          <Target onClick={[Function]} className=\\"pt-popover-target\\" component=\\"div\\" innerRef={[Function: target]}>
-                                            <div onClick={[Function]} className=\\"pt-popover-target\\">
-                                              <Blueprint2.Button icon=\\"menu\\" minimal={true} className=\\"\\" disabled={[undefined]} tabIndex={[undefined]}>
-                                                <button type=\\"button\\" className=\\"pt-button pt-minimal\\" disabled={[undefined]} tabIndex={[undefined]} onClick={[undefined]} onKeyDown={[Function]} onKeyUp={[Function]}>
-                                                  <Blueprint2.Icon icon=\\"menu\\">
-                                                    <svg className=\\"pt-icon\\" style={{...}} data-icon=\\"menu\\" width={16} height={16} viewBox=\\"0 0 16 16\\">
-                                                      <title>
-                                                        menu
-                                                      </title>
-                                                      <path d=\\"M1 4h14c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1zm14 8H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1zm0-5H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1z\\" fillRule=\\"evenodd\\" />
-                                                    </svg>
-                                                  </Blueprint2.Icon>
-                                                  <Blueprint2.Icon icon={[undefined]} />
-                                                </button>
-                                              </Blueprint2.Button>
-                                            </div>
-                                          </Target>
-                                          <Blueprint2.Overlay autoFocus={true} backdropClassName=\\"pt-popover-backdrop\\" backdropProps={{...}} canEscapeKeyClose={true} canOutsideClickClose={true} className={[undefined]} didOpen={[Function]} enforceFocus={true} hasBackdrop={false} usePortal={true} isOpen={false} onClose={[Function]} transitionDuration={300} transitionName=\\"pt-popover\\" lazy={true} />
-                                        </span>
-                                      </Manager>
-                                    </Blueprint2.Popover>
-                                  </div>
                                 </div>
                                 <div className=\\"row listing-order\\">
                                   <h6>
@@ -683,39 +553,13 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                               </div>
                               <div className=\\"col-xs-9 listing-text\\">
                                 <div className=\\"row listing-title\\">
-                                  <Text ellipsize={true} className=\\"col-xs-10\\">
-                                    <div className=\\"pt-text-overflow-ellipsis col-xs-10\\" title={[undefined]}>
+                                  <Text ellipsize={true} className=\\"col-xs-12\\">
+                                    <div className=\\"pt-text-overflow-ellipsis col-xs-12\\" title={[undefined]}>
                                       <h4>
                                         An Odessey to Runes
                                       </h4>
                                     </div>
                                   </Text>
-                                  <div className=\\"col-xs-2\\">
-                                    <Blueprint2.Popover content={{...}} defaultIsOpen={false} disabled={false} hasBackdrop={false} hoverCloseDelay={300} hoverOpenDelay={150} inheritDarkTheme={true} interactionKind=\\"click\\" minimal={false} modifiers={{...}} openOnTargetFocus={true} position=\\"auto\\" rootElementTag=\\"span\\" targetElementTag=\\"div\\" transitionDuration={300} usePortal={true}>
-                                      <Manager tag=\\"span\\" className=\\"pt-popover-wrapper\\">
-                                        <span className=\\"pt-popover-wrapper\\">
-                                          <Target onClick={[Function]} className=\\"pt-popover-target\\" component=\\"div\\" innerRef={[Function: target]}>
-                                            <div onClick={[Function]} className=\\"pt-popover-target\\">
-                                              <Blueprint2.Button icon=\\"menu\\" minimal={true} className=\\"\\" disabled={[undefined]} tabIndex={[undefined]}>
-                                                <button type=\\"button\\" className=\\"pt-button pt-minimal\\" disabled={[undefined]} tabIndex={[undefined]} onClick={[undefined]} onKeyDown={[Function]} onKeyUp={[Function]}>
-                                                  <Blueprint2.Icon icon=\\"menu\\">
-                                                    <svg className=\\"pt-icon\\" style={{...}} data-icon=\\"menu\\" width={16} height={16} viewBox=\\"0 0 16 16\\">
-                                                      <title>
-                                                        menu
-                                                      </title>
-                                                      <path d=\\"M1 4h14c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1zm14 8H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1zm0-5H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1z\\" fillRule=\\"evenodd\\" />
-                                                    </svg>
-                                                  </Blueprint2.Icon>
-                                                  <Blueprint2.Icon icon={[undefined]} />
-                                                </button>
-                                              </Blueprint2.Button>
-                                            </div>
-                                          </Target>
-                                          <Blueprint2.Overlay autoFocus={true} backdropClassName=\\"pt-popover-backdrop\\" backdropProps={{...}} canEscapeKeyClose={true} canOutsideClickClose={true} className={[undefined]} didOpen={[Function]} enforceFocus={true} hasBackdrop={false} usePortal={true} isOpen={false} onClose={[Function]} transitionDuration={300} transitionName=\\"pt-popover\\" lazy={true} />
-                                        </span>
-                                      </Manager>
-                                    </Blueprint2.Popover>
-                                  </div>
                                 </div>
                                 <div className=\\"row listing-order\\">
                                   <h6>
@@ -778,39 +622,13 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                               </div>
                               <div className=\\"col-xs-9 listing-text\\">
                                 <div className=\\"row listing-title\\">
-                                  <Text ellipsize={true} className=\\"col-xs-10\\">
-                                    <div className=\\"pt-text-overflow-ellipsis col-xs-10\\" title={[undefined]}>
+                                  <Text ellipsize={true} className=\\"col-xs-12\\">
+                                    <div className=\\"pt-text-overflow-ellipsis col-xs-12\\" title={[undefined]}>
                                       <h4>
                                         The Secret to Streams
                                       </h4>
                                     </div>
                                   </Text>
-                                  <div className=\\"col-xs-2\\">
-                                    <Blueprint2.Popover content={{...}} defaultIsOpen={false} disabled={false} hasBackdrop={false} hoverCloseDelay={300} hoverOpenDelay={150} inheritDarkTheme={true} interactionKind=\\"click\\" minimal={false} modifiers={{...}} openOnTargetFocus={true} position=\\"auto\\" rootElementTag=\\"span\\" targetElementTag=\\"div\\" transitionDuration={300} usePortal={true}>
-                                      <Manager tag=\\"span\\" className=\\"pt-popover-wrapper\\">
-                                        <span className=\\"pt-popover-wrapper\\">
-                                          <Target onClick={[Function]} className=\\"pt-popover-target\\" component=\\"div\\" innerRef={[Function: target]}>
-                                            <div onClick={[Function]} className=\\"pt-popover-target\\">
-                                              <Blueprint2.Button icon=\\"menu\\" minimal={true} className=\\"\\" disabled={[undefined]} tabIndex={[undefined]}>
-                                                <button type=\\"button\\" className=\\"pt-button pt-minimal\\" disabled={[undefined]} tabIndex={[undefined]} onClick={[undefined]} onKeyDown={[Function]} onKeyUp={[Function]}>
-                                                  <Blueprint2.Icon icon=\\"menu\\">
-                                                    <svg className=\\"pt-icon\\" style={{...}} data-icon=\\"menu\\" width={16} height={16} viewBox=\\"0 0 16 16\\">
-                                                      <title>
-                                                        menu
-                                                      </title>
-                                                      <path d=\\"M1 4h14c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1zm14 8H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1zm0-5H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1z\\" fillRule=\\"evenodd\\" />
-                                                    </svg>
-                                                  </Blueprint2.Icon>
-                                                  <Blueprint2.Icon icon={[undefined]} />
-                                                </button>
-                                              </Blueprint2.Button>
-                                            </div>
-                                          </Target>
-                                          <Blueprint2.Overlay autoFocus={true} backdropClassName=\\"pt-popover-backdrop\\" backdropProps={{...}} canEscapeKeyClose={true} canOutsideClickClose={true} className={[undefined]} didOpen={[Function]} enforceFocus={true} hasBackdrop={false} usePortal={true} isOpen={false} onClose={[Function]} transitionDuration={300} transitionName=\\"pt-popover\\" lazy={true} />
-                                        </span>
-                                      </Manager>
-                                    </Blueprint2.Popover>
-                                  </div>
                                 </div>
                                 <div className=\\"row listing-order\\">
                                   <h6>
@@ -873,39 +691,13 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                               </div>
                               <div className=\\"col-xs-9 listing-text\\">
                                 <div className=\\"row listing-title\\">
-                                  <Text ellipsize={true} className=\\"col-xs-10\\">
-                                    <div className=\\"pt-text-overflow-ellipsis col-xs-10\\" title={[undefined]}>
+                                  <Text ellipsize={true} className=\\"col-xs-12\\">
+                                    <div className=\\"pt-text-overflow-ellipsis col-xs-12\\" title={[undefined]}>
                                       <h4>
                                         A sample Sidequest
                                       </h4>
                                     </div>
                                   </Text>
-                                  <div className=\\"col-xs-2\\">
-                                    <Blueprint2.Popover content={{...}} defaultIsOpen={false} disabled={false} hasBackdrop={false} hoverCloseDelay={300} hoverOpenDelay={150} inheritDarkTheme={true} interactionKind=\\"click\\" minimal={false} modifiers={{...}} openOnTargetFocus={true} position=\\"auto\\" rootElementTag=\\"span\\" targetElementTag=\\"div\\" transitionDuration={300} usePortal={true}>
-                                      <Manager tag=\\"span\\" className=\\"pt-popover-wrapper\\">
-                                        <span className=\\"pt-popover-wrapper\\">
-                                          <Target onClick={[Function]} className=\\"pt-popover-target\\" component=\\"div\\" innerRef={[Function: target]}>
-                                            <div onClick={[Function]} className=\\"pt-popover-target\\">
-                                              <Blueprint2.Button icon=\\"menu\\" minimal={true} className=\\"\\" disabled={[undefined]} tabIndex={[undefined]}>
-                                                <button type=\\"button\\" className=\\"pt-button pt-minimal\\" disabled={[undefined]} tabIndex={[undefined]} onClick={[undefined]} onKeyDown={[Function]} onKeyUp={[Function]}>
-                                                  <Blueprint2.Icon icon=\\"menu\\">
-                                                    <svg className=\\"pt-icon\\" style={{...}} data-icon=\\"menu\\" width={16} height={16} viewBox=\\"0 0 16 16\\">
-                                                      <title>
-                                                        menu
-                                                      </title>
-                                                      <path d=\\"M1 4h14c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1zm14 8H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1zm0-5H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1z\\" fillRule=\\"evenodd\\" />
-                                                    </svg>
-                                                  </Blueprint2.Icon>
-                                                  <Blueprint2.Icon icon={[undefined]} />
-                                                </button>
-                                              </Blueprint2.Button>
-                                            </div>
-                                          </Target>
-                                          <Blueprint2.Overlay autoFocus={true} backdropClassName=\\"pt-popover-backdrop\\" backdropProps={{...}} canEscapeKeyClose={true} canOutsideClickClose={true} className={[undefined]} didOpen={[Function]} enforceFocus={true} hasBackdrop={false} usePortal={true} isOpen={false} onClose={[Function]} transitionDuration={300} transitionName=\\"pt-popover\\" lazy={true} />
-                                        </span>
-                                      </Manager>
-                                    </Blueprint2.Popover>
-                                  </div>
                                 </div>
                                 <div className=\\"row listing-order\\">
                                   <h6>
diff --git a/src/components/assessment/index.tsx b/src/components/assessment/index.tsx
index b1973ec5ab..621b61f0af 100644
--- a/src/components/assessment/index.tsx
+++ b/src/components/assessment/index.tsx
@@ -23,6 +23,7 @@ import { NavLink } from 'react-router-dom'
 
 import defaultCoverImage from '../../assets/default_cover_image.jpg'
 import AssessmentWorkspaceContainer from '../../containers/assessment/AssessmentWorkspaceContainer'
+import { IS_XP_IMPLEMENTED } from '../../utils/constants'
 import { beforeNow, getPrettyDate } from '../../utils/dateHelpers'
 import { assessmentCategoryLink, stringParamToInt } from '../../utils/paramParseHelpers'
 import {
@@ -311,14 +312,16 @@ const makeOverviewCardTitle = (
   setBetchaAssessment: (assessment: IAssessmentOverview | null) => void
 ) => (
   <div className="row listing-title">
-    <Text ellipsize={true} className={'col-xs-10'}>
+    <Text ellipsize={true} className={IS_XP_IMPLEMENTED ? 'col-xs-10' : 'col-xs-12'}>
       <h4>{overview.title}</h4>
     </Text>
-    <div className="col-xs-2">
-      <Popover content={makeMenu(overview, index, setBetchaAssessment)}>
-        <Button icon={IconNames.MENU} minimal={true} />
-      </Popover>
-    </div>
+    {IS_XP_IMPLEMENTED ? (
+      <div className="col-xs-2">
+        <Popover content={makeMenu(overview, index, setBetchaAssessment)}>
+          <Button icon={IconNames.MENU} minimal={true} />
+        </Popover>
+      </div>
+    ) : null}
   </div>
 )
 
diff --git a/src/components/dropdown/Profile.tsx b/src/components/dropdown/Profile.tsx
index 083eb1efc2..e53b40d9d9 100644
--- a/src/components/dropdown/Profile.tsx
+++ b/src/components/dropdown/Profile.tsx
@@ -1,18 +1,19 @@
-import { Classes, Dialog, NonIdealState, ProgressBar, Spinner } from '@blueprintjs/core'
+import { Classes, Dialog, NonIdealState, ProgressBar, Spinner, Tooltip } from '@blueprintjs/core'
 import { IconNames } from '@blueprintjs/icons'
 import * as React from 'react'
 
 import { Role } from '../../reducers/states'
+import { IS_XP_IMPLEMENTED } from '../../utils/constants'
 
 type ProfileProps = OwnProps & StateProps
 
 export type StateProps = {
-  grade: number
-  maxGrade: number
-  maxXp: number
+  grade?: number
+  maxGrade?: number
+  maxXp?: number
   name?: string
   role?: Role
-  xp: number
+  xp?: number
 }
 
 type OwnProps = {
@@ -36,14 +37,31 @@ class Profile extends React.Component<ProfileProps> {
           <div className="progress">
             <div className="grade">
               <span className="label">Grade</span>
-              <span className="value">{this.props.grade}</span>
+              <span className="value">
+                {this.props.grade !== undefined ? this.props.grade : '???'}
+              </span>
             </div>
-            <ProgressBar className="grade" animate={false} stripes={false} />
-            <div className="xp">
-              <span className="label">XP</span>
-              <span className="value">{this.props.xp}</span>
-            </div>
-            <ProgressBar className="xp" animate={false} stripes={false} />
+            {IS_XP_IMPLEMENTED ? (
+              <>
+                {/* TODO: Move tooltip out of this tenary once max grade for a
+                  user is implemented in GET /user.
+                  https://github.com/source-academy/cadet/issues/205 */}
+                <Tooltip content="Sorry, the grade progress bar is not ready yet">
+                  <ProgressBar className="grade" animate={false} stripes={false} />
+                </Tooltip>
+                <div className="xp">
+                  <span className="label">XP</span>
+                  <span className="value">
+                    <Tooltip content="Sorry, the XP display is not ready yet">
+                      {this.props.xp ? this.props.xp : '???'}
+                    </Tooltip>
+                  </span>
+                </div>
+                <Tooltip content="Sorry, the XP progress bar is not ready yet">
+                  <ProgressBar className="xp" animate={false} stripes={false} />
+                </Tooltip>
+              </>
+            ) : null}
           </div>
         </>
       )
diff --git a/src/containers/ProfileContainer.ts b/src/containers/ProfileContainer.ts
index c5298057e7..a18f4ba99e 100644
--- a/src/containers/ProfileContainer.ts
+++ b/src/containers/ProfileContainer.ts
@@ -3,13 +3,14 @@ import { connect, MapStateToProps } from 'react-redux'
 import Profile, { StateProps } from '../components/dropdown/Profile'
 import { IState } from '../reducers/states'
 
+// TODO: connect to actual state once backend implements these features
 const mapStateToProps: MapStateToProps<StateProps, {}, IState> = state => ({
   grade: state.session.grade,
-  maxGrade: state.session.maxGrade,
-  maxXp: state.session.maxXp,
+  maxGrade: undefined,
+  maxXp: undefined,
   name: state.session.name,
   role: state.session.role,
-  xp: state.session.xp
+  xp: undefined
 })
 
 export default connect(mapStateToProps)(Profile)
diff --git a/src/reducers/states.ts b/src/reducers/states.ts
index eff90a88f5..9a0c85949c 100644
--- a/src/reducers/states.ts
+++ b/src/reducers/states.ts
@@ -78,13 +78,10 @@ export interface ISessionState {
   readonly gradingOverviews?: GradingOverview[]
   readonly gradings: Map<number, Grading>
   readonly historyHelper: HistoryHelper
-  readonly maxGrade: number
-  readonly maxXp: number
   readonly refreshToken?: string
   readonly role?: Role
   readonly story?: Story
   readonly name?: string
-  readonly xp: number
 }
 
 type ReplHistory = {
@@ -250,11 +247,8 @@ export const defaultSession: ISessionState = {
     lastAcademyLocations: [null, null],
     lastGeneralLocations: [null, null]
   },
-  maxGrade: 0,
-  maxXp: 0,
   refreshToken: undefined,
-  name: undefined,
-  xp: 0
+  name: undefined
 }
 
 export const defaultState: IState = {
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
index 85c264beea..da3d9ed628 100644
--- a/src/utils/constants.ts
+++ b/src/utils/constants.ts
@@ -2,6 +2,11 @@ import * as dotenv from 'dotenv'
 
 dotenv.config()
 
+/* Remove this variable entirely when implemented. DO NOT just set to true;
+ * also check that the CSS looks acceptable, since there will be className
+ * changes. */
+export const IS_XP_IMPLEMENTED = false
+
 export const IVLE_KEY = process.env.REACT_APP_IVLE_KEY
 export const VERSION = process.env.REACT_APP_VERSION
 export const BACKEND_URL = process.env.REACT_APP_BACKEND_URL