From 35a818479008b24c92df1ef323a463191ca2bf67 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 7 Oct 2022 17:09:34 +0800
Subject: [PATCH] More clear naming for the touch bar

---
 packages/web/components/patterns/HighlightBar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/patterns/HighlightBar.tsx b/packages/web/components/patterns/HighlightBar.tsx
index 1a95588b5..b92b5337a 100644
--- a/packages/web/components/patterns/HighlightBar.tsx
+++ b/packages/web/components/patterns/HighlightBar.tsx
@@ -32,7 +32,7 @@ type HighlightBarProps = {
 }
 
 export function HighlightBar(props: HighlightBarProps): JSX.Element {
-  if (props.displayNearCursor) {
+  if (!props.displayNearCursor) {
     return (
       <Box
         css={{
@@ -93,7 +93,7 @@ function BarContent(props: HighlightBarProps): JSX.Element {
       css={{
         height: '100%',
         alignItems: 'center',
-        width: props.isTouchscreenDevice ? '100%' : 'auto',
+        width: props.displayNearCursor ? 'auto' '100%',
       }}
     >
       {props.isNewHighlight ? (