diff --git a/src/index.css b/src/index.css
index 3b9c1be..2e642d5 100644
--- a/src/index.css
+++ b/src/index.css
@@ -105,6 +105,8 @@ button.link-button {text-decoration: underline;}
 }
 
 .solid-border { border: solid 1px rgba(255, 255, 255, 0.8); border-radius: 5px;}
+.solid-border-soft { border: solid 1px rgba(255, 255, 255, 0.5); border-radius: 5px;}
+
 
 .zero { opacity: 0.5}
 .dim-extra-bits .extra-bit { opacity: 0.1;}
@@ -131,6 +133,7 @@ button.link-button {text-decoration: underline;}
 .light .button:hover { background: rgba(0, 0, 0, 0.2);}
 .light .solid-border { border: solid 1px gray;}
 .light .donate-result-view .paypal-button { border: solid 1px gray; }
+.light .accent1-border { border-color:green}
 
 /* Dark */
 .dark { background: #121212; color: white;}
@@ -150,6 +153,7 @@ button.link-button {text-decoration: underline;}
 .dark button.btn:hover { background: #333}
 .dark button.btn:disabled { color: #999; background-color: inherit; }
 .dark .accent1 { color:mediumseagreen}
+.dark .accent1-border { border-color:mediumseagreen}
 
 /*
     Midnight Theme
@@ -174,6 +178,7 @@ button.link-button {text-decoration: underline;}
 .midnight button.btn:hover { background: #132537}
 .midnight button.btn:disabled { color: #85a0ad; background-color: inherit; }
 .midnight .accent1 { color:mediumseagreen}
+.midnight .accent1-border { border-color:mediumseagreen}
 
 button { 
     border: none;
diff --git a/src/shell/components/HelpResultView.css b/src/shell/components/HelpResultView.css
index c6a312a..0381cd6 100644
--- a/src/shell/components/HelpResultView.css
+++ b/src/shell/components/HelpResultView.css
@@ -7,8 +7,8 @@
 .help .panel-container {overflow: hidden;}
 .help .left-panel {float:left; margin-right: 1em;}
 .help .right-panel {float:left; }
-.help .section-title {font-weight: bold;}
-
+.help .section-title {font-weight: bold; font-size: 1.1em;}
+.help .important-note {padding: 5px; display: inline-block; margin-top: 5px;}
 @media (min-width: 1024px) {
     .left-panel, .right-panel {
         width: 45%;
diff --git a/src/shell/components/HelpResultView.tsx b/src/shell/components/HelpResultView.tsx
index 1c37ae7..ee5f5b5 100644
--- a/src/shell/components/HelpResultView.tsx
+++ b/src/shell/components/HelpResultView.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import CommandLink from '../../core/components/CommandLink';
 import './HelpResultView.css';
 import { INT32_MAX_VALUE, INT32_MIN_VALUE } from '../../core/const';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCircleExclamation, faWarning } from '@fortawesome/free-solid-svg-icons';
 
 function HelpResultView() {
 
@@ -56,6 +58,9 @@ function HelpResultView() {
                         <li><code>&gt;&gt;</code> — sign propagating right shift</li>
                         <li><code>&gt;&gt;&gt;</code> — zero-fill right shift</li>
                     </ul>
+                    <div className='important-note'>
+                        <FontAwesomeIcon icon={faCircleExclamation} size='lg'/> <a target='_blank' href='https://en.cppreference.com/w/c/language/operator_precedence'>Operator precedence</a> is IGNORED. Operators are executed <strong>left-to-right</strong>.
+                    </div>
                 </div>
                 <div className="section soft-border">
                     <div className="section-title soft">Supported Number Types <sup className='accent1'>NEW</sup></div>