diff --git a/components/popover/index.css b/components/popover/index.css
index 50c465158bd..d6ce561840e 100644
--- a/components/popover/index.css
+++ b/components/popover/index.css
@@ -82,8 +82,8 @@ governing permissions and limitations under the License.
       .spectrum-Popover-tip-triangle {
         stroke-linecap: square;
         stroke-linejoin: miter;
-        fill: var(--mod-popover-background-color, var(--spectrum-popover-background-color));
-        stroke: var(--mod-popover-border-color, var(--spectrum-popover-border-color));
+        fill: var(--highcontrast-popover-background-color, var(--mod-popover-background-color, var(--spectrum-popover-background-color)));
+        stroke: var(--highcontrast-popover-border-color, var(--mod-popover-border-color, var(--spectrum-popover-border-color)));
         stroke-width: var(--mod-popover-border-width, var(--spectrum-popover-border-width));
       }
     }
diff --git a/components/popover/metadata/popover.yml b/components/popover/metadata/popover.yml
index eb03c90af30..2a8b7642278 100644
--- a/components/popover/metadata/popover.yml
+++ b/components/popover/metadata/popover.yml
@@ -98,7 +98,7 @@ examples:
               <path class="spectrum-Popover-tip-triangle" d="M-1,-1 8,8 17,-1">
             </svg>
           </div>
-          <div class="dummy-spacing" style="position: relative; box-sizing: border-box; height: 224px; min-width: 400px; max-width: 50%;"></div>
+          <div class="dummy-spacing" style="position: relative; box-sizing: border-box; height: 235px; min-width: 400px; max-width: 50%;"></div>
 
           <div class="dummy-source" style="position: relative; display: flex; align-items: center; justify-content: center; width: 100px; height: 50px; background: #E6E6E6; border-radius: 8px; box-sizing: border-box;">
             <span><em>Source 50x100</em></span>