diff --git a/landing/investor-profile.react.js b/landing/investor-profile.react.js
--- a/landing/investor-profile.react.js
+++ b/landing/investor-profile.react.js
@@ -36,13 +36,13 @@
 
   const profileContainerClassName = classNames({
     [css.profile]: true,
-    [css.profileModal]: isModalActive,
+    [css.profileModal]: !!isModalActive,
   });
   const nameClassName = classNames([typography.heading3, css.name]);
   const descriptionClassName = classNames({
     [typography.paragraph1]: true,
     [css.description]: true,
-    [css.descriptionModal]: isModalActive,
+    [css.descriptionModal]: !!isModalActive,
   });
   const involvementClassName = classNames([
     typography.paragraph3,
diff --git a/web/app.react.js b/web/app.react.js
--- a/web/app.react.js
+++ b/web/app.react.js
@@ -312,12 +312,12 @@
 
     const headerClasses = classnames({
       [css.header]: true,
-      [css['electron-draggable']]: electron,
+      [css['electron-draggable']]: !!electron,
     });
 
     const wordmarkClasses = classnames({
       [css.wordmark]: true,
-      [css['electron-non-draggable']]: electron,
+      [css['electron-non-draggable']]: !!electron,
       [css['wordmark-macos']]: electron?.platform === 'macos',
     });
 
diff --git a/web/chat/chat-thread-list-item.react.js b/web/chat/chat-thread-list-item.react.js
--- a/web/chat/chat-thread-list-item.react.js
+++ b/web/chat/chat-thread-list-item.react.js
@@ -71,11 +71,11 @@
   const { unread } = currentUser;
   const titleClassName = classNames({
     [css.title]: true,
-    [css.unread]: unread,
+    [css.unread]: !!unread,
   });
   const lastActivityClassName = classNames({
     [css.lastActivity]: true,
-    [css.unread]: unread,
+    [css.unread]: !!unread,
     [css.dark]: !unread,
   });
 
diff --git a/web/chat/composed-message.react.js b/web/chat/composed-message.react.js
--- a/web/chat/composed-message.react.js
+++ b/web/chat/composed-message.react.js
@@ -206,7 +206,7 @@
       () =>
         classNames({
           [css.messageBoxContainer]: true,
-          [css.fixedWidthMessageBoxContainer]: props.fixedWidth,
+          [css.fixedWidthMessageBoxContainer]: !!props.fixedWidth,
         }),
       [props.fixedWidth],
     );
@@ -214,7 +214,7 @@
       () =>
         classNames({
           [css.messageBox]: true,
-          [css.fixedWidthMessageBox]: props.fixedWidth,
+          [css.fixedWidthMessageBox]: !!props.fixedWidth,
         }),
       [props.fixedWidth],
     );
diff --git a/web/components/enum-settings-option-info.react.js b/web/components/enum-settings-option-info.react.js
--- a/web/components/enum-settings-option-info.react.js
+++ b/web/components/enum-settings-option-info.react.js
@@ -20,9 +20,9 @@
 
   const optionInfoClasses = classnames({
     [css.optionInfo]: true,
-    [css.optionInfoInvalid]: styleStatementBasedOnValidity && !valid,
+    [css.optionInfoInvalid]: !!styleStatementBasedOnValidity && !valid,
     [css.optionInfoInvalidSelected]:
-      styleStatementBasedOnValidity && !valid && optionSelected,
+      !!styleStatementBasedOnValidity && !valid && optionSelected,
   });
 
   const icon = React.useMemo(() => {
diff --git a/web/modals/modal.react.js b/web/modals/modal.react.js
--- a/web/modals/modal.react.js
+++ b/web/modals/modal.react.js
@@ -117,7 +117,7 @@
     const className = classNames({
       [css.buttonContainer]: true,
       [css.primaryButtonContainer]: !secondaryButton,
-      [css.primarySecondaryContainer]: secondaryButton,
+      [css.primarySecondaryContainer]: !!secondaryButton,
     });
 
     return (
diff --git a/web/modals/threads/sidebars/sidebar.react.js b/web/modals/threads/sidebars/sidebar.react.js
--- a/web/modals/threads/sidebars/sidebar.react.js
+++ b/web/modals/threads/sidebars/sidebar.react.js
@@ -41,7 +41,7 @@
 
   const sidebarInfoClassName = classNames({
     [css.sidebarInfo]: true,
-    [css.unread]: unread,
+    [css.unread]: !!unread,
   });
 
   const previewTextClassName = classNames([
diff --git a/web/modals/threads/subchannels/subchannel.react.js b/web/modals/threads/subchannels/subchannel.react.js
--- a/web/modals/threads/subchannels/subchannel.react.js
+++ b/web/modals/threads/subchannels/subchannel.react.js
@@ -29,7 +29,7 @@
 
   const subchannelTitleClassName = classNames({
     [css.subchannelInfo]: true,
-    [css.unread]: unread,
+    [css.unread]: !!unread,
   });
 
   const { popModal } = useModalContext();
diff --git a/web/navigation-panels/nav-state-info-bar.react.js b/web/navigation-panels/nav-state-info-bar.react.js
--- a/web/navigation-panels/nav-state-info-bar.react.js
+++ b/web/navigation-panels/nav-state-info-bar.react.js
@@ -59,7 +59,7 @@
 
   const classes = classnames(css.topBarContainer, {
     [css.hide]: !threadInfoInput,
-    [css.show]: threadInfoInput,
+    [css.show]: !!threadInfoInput,
   });
   return <div className={classes}>{content}</div>;
 }