diff --git a/packages/terra-clinical-item-view/tests/jest/ItemView.test.jsx b/packages/terra-clinical-item-view/tests/jest/ItemView.test.jsx
index 9a8ea99be..3fbb8c796 100644
--- a/packages/terra-clinical-item-view/tests/jest/ItemView.test.jsx
+++ b/packages/terra-clinical-item-view/tests/jest/ItemView.test.jsx
@@ -3,6 +3,8 @@ import React from 'react';
 import { shallowWithIntl } from 'terra-enzyme-intl';
 import ItemView from '../../lib/ItemView';
 
+jest.mock('uuid', () => ({ v4: () => '00000000-0000-0000-0000-000000000000' }));
+
 // Note: when multiple displays are passed in to the ItemView, the length of 'ItemDisplay' in these tests will
 // be 1 greater than the amount of displays passed in. This is because when ItemView contains multiple
 // displays a header is created to label the displays within their unordered list. This header contains a
diff --git a/packages/terra-clinical-item-view/tests/jest/__snapshots__/ItemView.test.jsx.snap b/packages/terra-clinical-item-view/tests/jest/__snapshots__/ItemView.test.jsx.snap
index da7a2f2b4..390b7b6f6 100644
--- a/packages/terra-clinical-item-view/tests/jest/__snapshots__/ItemView.test.jsx.snap
+++ b/packages/terra-clinical-item-view/tests/jest/__snapshots__/ItemView.test.jsx.snap
@@ -74,7 +74,7 @@ exports[`should render 2 start theme displays 1`] = `
       <div>
         <h6
           hidden={true}
-          id="single-column-header-3ccbd10e-a07a-4ac3-b25e-734a64830241"
+          id="single-column-header-00000000-0000-0000-0000-000000000000"
         >
           <ItemDisplay
             iconAlignment="center"
@@ -112,7 +112,7 @@ exports[`should render 2 start theme displays 1`] = `
           />
         </h6>
         <ul
-          aria-labelledby="single-column-header-3ccbd10e-a07a-4ac3-b25e-734a64830241"
+          aria-labelledby="single-column-header-00000000-0000-0000-0000-000000000000"
           className="column-list-container"
         >
           <li
@@ -211,7 +211,7 @@ exports[`should render 3 start theme displays 1`] = `
       <div>
         <h6
           hidden={true}
-          id="single-column-header-53819a7b-b514-43e1-bcf9-94246ff0e225"
+          id="single-column-header-00000000-0000-0000-0000-000000000000"
         >
           <ItemDisplay
             iconAlignment="center"
@@ -249,7 +249,7 @@ exports[`should render 3 start theme displays 1`] = `
           />
         </h6>
         <ul
-          aria-labelledby="single-column-header-53819a7b-b514-43e1-bcf9-94246ff0e225"
+          aria-labelledby="single-column-header-00000000-0000-0000-0000-000000000000"
           className="column-list-container"
         >
           <li
@@ -561,7 +561,7 @@ exports[`should render displays with original styling when overrideDefaultStylin
       <div>
         <h6
           hidden={true}
-          id="single-column-header-cdfc026b-8349-43d3-9bd1-299f8e8f428d"
+          id="single-column-header-00000000-0000-0000-0000-000000000000"
         >
           <ItemDisplay
             iconAlignment="center"
@@ -599,7 +599,7 @@ exports[`should render displays with original styling when overrideDefaultStylin
           />
         </h6>
         <ul
-          aria-labelledby="single-column-header-cdfc026b-8349-43d3-9bd1-299f8e8f428d"
+          aria-labelledby="single-column-header-00000000-0000-0000-0000-000000000000"
           className="column-list-container"
         >
           <li
@@ -775,7 +775,7 @@ exports[`should render each column as an unordered list within a primary unorder
     <div>
       <h6
         hidden={true}
-        id="two-column-header-2625f375-34e7-4976-84d5-f20c14244faf"
+        id="two-column-header-00000000-0000-0000-0000-000000000000"
       >
         <ItemDisplay
           iconAlignment="center"
@@ -813,7 +813,7 @@ exports[`should render each column as an unordered list within a primary unorder
         />
       </h6>
       <ul
-        aria-labelledby="two-column-header-2625f375-34e7-4976-84d5-f20c14244faf"
+        aria-labelledby="two-column-header-00000000-0000-0000-0000-000000000000"
         className="column-list-container"
       >
         <li
@@ -970,7 +970,7 @@ exports[`should render one column 1`] = `
       <div>
         <h6
           hidden={true}
-          id="single-column-header-e87ee649-a0b0-4bc5-bba6-04814edfbb66"
+          id="single-column-header-00000000-0000-0000-0000-000000000000"
         >
           <ItemDisplay
             iconAlignment="center"
@@ -1008,7 +1008,7 @@ exports[`should render one column 1`] = `
           />
         </h6>
         <ul
-          aria-labelledby="single-column-header-e87ee649-a0b0-4bc5-bba6-04814edfbb66"
+          aria-labelledby="single-column-header-00000000-0000-0000-0000-000000000000"
           className="column-list-container"
         >
           <li
@@ -1107,7 +1107,7 @@ exports[`should render several displays in an unordered list with a header for o
       <div>
         <h6
           hidden={true}
-          id="single-column-header-389e52a9-5363-4067-984d-c7a6eb06d1b5"
+          id="single-column-header-00000000-0000-0000-0000-000000000000"
         >
           <ItemDisplay
             iconAlignment="center"
@@ -1145,7 +1145,7 @@ exports[`should render several displays in an unordered list with a header for o
           />
         </h6>
         <ul
-          aria-labelledby="single-column-header-389e52a9-5363-4067-984d-c7a6eb06d1b5"
+          aria-labelledby="single-column-header-00000000-0000-0000-0000-000000000000"
           className="column-list-container"
         >
           <li
@@ -1293,51 +1293,45 @@ exports[`should render truncated display 1`] = `
     className="body"
   >
     <div
-      className="column-container"
+      className="single-result-column-container"
     >
       <div
-        className="primary-column"
-        key="0"
+        className="content content-primary-size content-primary-color"
       >
-        <div
-          className="content content-primary-size content-primary-color"
-          key="0"
-        >
-          <ItemDisplay
-            iconAlignment="center"
-            intl={
-              Object {
-                "defaultFormats": Object {},
-                "defaultLocale": "en",
-                "formatDate": [Function],
-                "formatHTMLMessage": [Function],
-                "formatMessage": [Function],
-                "formatNumber": [Function],
-                "formatPlural": [Function],
-                "formatRelative": [Function],
-                "formatTime": [Function],
-                "formats": Object {},
-                "formatters": Object {
-                  "getDateTimeFormat": [Function],
-                  "getMessageFormat": [Function],
-                  "getNumberFormat": [Function],
-                  "getPluralFormat": [Function],
-                  "getRelativeFormat": [Function],
-                },
-                "locale": "en",
-                "messages": null,
-                "now": [Function],
-                "onError": [Function],
-                "textComponent": "span",
-                "timeZone": null,
-              }
+        <ItemDisplay
+          iconAlignment="center"
+          intl={
+            Object {
+              "defaultFormats": Object {},
+              "defaultLocale": "en",
+              "formatDate": [Function],
+              "formatHTMLMessage": [Function],
+              "formatMessage": [Function],
+              "formatNumber": [Function],
+              "formatPlural": [Function],
+              "formatRelative": [Function],
+              "formatTime": [Function],
+              "formats": Object {},
+              "formatters": Object {
+                "getDateTimeFormat": [Function],
+                "getMessageFormat": [Function],
+                "getNumberFormat": [Function],
+                "getPluralFormat": [Function],
+                "getRelativeFormat": [Function],
+              },
+              "locale": "en",
+              "messages": null,
+              "now": [Function],
+              "onError": [Function],
+              "textComponent": "span",
+              "timeZone": null,
             }
-            isDisabled={false}
-            isTruncated={false}
-            text="display1display1display1display1display1display1display1display1"
-            textStyle="primary"
-          />
-        </div>
+          }
+          isDisabled={false}
+          isTruncated={false}
+          text="display1display1display1display1display1display1display1display1"
+          textStyle="primary"
+        />
       </div>
     </div>
   </div>
@@ -1404,36 +1398,58 @@ exports[`should render truncated two column displays when isTruncated is only se
   <div
     className="body"
   >
-    <div
-      className="column-container"
-    >
-      <div
-        className="primary-column"
-        key="0"
+    <div>
+      <h6
+        hidden={true}
+        id="two-column-header-00000000-0000-0000-0000-000000000000"
       >
-        <div
-          className="content content-primary-size content-primary-color"
-          key="0"
-        >
-          <InjectIntl(ItemDisplay)
-            isTruncated={true}
-            text="display1display1display1display1display1display1display1display1"
-          />
-        </div>
-      </div>
-      <div
-        className="secondary-column"
-        key="1"
+        <InjectIntl(ItemDisplay)
+          isTruncated={true}
+          text="display1display1display1display1display1display1display1display1"
+        />
+      </h6>
+      <ul
+        aria-labelledby="two-column-header-00000000-0000-0000-0000-000000000000"
+        className="column-list-container"
       >
-        <div
-          className="content content-primary-size content-primary-color"
+        <li
+          className="primary-column"
           key="0"
         >
-          <InjectIntl(ItemDisplay)
-            text="display2display2display2display2display2display2display2display2"
-          />
-        </div>
-      </div>
+          <ul
+            className="column-list"
+            key="0"
+          >
+            <li
+              className="content content-primary-size content-primary-color"
+              key="0"
+            >
+              <InjectIntl(ItemDisplay)
+                isTruncated={true}
+                text="display1display1display1display1display1display1display1display1"
+              />
+            </li>
+          </ul>
+        </li>
+        <li
+          className="secondary-column"
+          key="1"
+        >
+          <ul
+            className="column-list"
+            key="1"
+          >
+            <li
+              className="content content-primary-size content-primary-color"
+              key="0"
+            >
+              <InjectIntl(ItemDisplay)
+                text="display2display2display2display2display2display2display2display2"
+              />
+            </li>
+          </ul>
+        </li>
+      </ul>
     </div>
   </div>
 </div>
@@ -1449,7 +1465,7 @@ exports[`should render two columns with 8 displays 1`] = `
     <div>
       <h6
         hidden={true}
-        id="two-column-header-ac7fe7d9-b649-4876-bf4c-7fef33d4217c"
+        id="two-column-header-00000000-0000-0000-0000-000000000000"
       >
         <ItemDisplay
           iconAlignment="center"
@@ -1487,7 +1503,7 @@ exports[`should render two columns with 8 displays 1`] = `
         />
       </h6>
       <ul
-        aria-labelledby="two-column-header-ac7fe7d9-b649-4876-bf4c-7fef33d4217c"
+        aria-labelledby="two-column-header-00000000-0000-0000-0000-000000000000"
         className="column-list-container"
       >
         <li
@@ -1838,7 +1854,7 @@ exports[`should render two columns with 8 displays when trueColumn is false 1`]
     <div>
       <h6
         hidden={true}
-        id="by-row-header-956ff6f1-f017-42ac-aee4-6c5e56130b23"
+        id="by-row-header-00000000-0000-0000-0000-000000000000"
       >
         <ItemDisplay
           iconAlignment="center"
@@ -1876,7 +1892,7 @@ exports[`should render two columns with 8 displays when trueColumn is false 1`]
         />
       </h6>
       <ul
-        aria-labelledby="by-row-header-956ff6f1-f017-42ac-aee4-6c5e56130b23"
+        aria-labelledby="by-row-header-00000000-0000-0000-0000-000000000000"
         className="row-list-container"
       >
         <li
@@ -2247,7 +2263,7 @@ exports[`should render two columns with an odd number of displays 1`] = `
     <div>
       <h6
         hidden={true}
-        id="two-column-header-38e20d6f-4613-4282-bb8b-9bad731f2803"
+        id="two-column-header-00000000-0000-0000-0000-000000000000"
       >
         <ItemDisplay
           iconAlignment="center"
@@ -2285,7 +2301,7 @@ exports[`should render two columns with an odd number of displays 1`] = `
         />
       </h6>
       <ul
-        aria-labelledby="two-column-header-38e20d6f-4613-4282-bb8b-9bad731f2803"
+        aria-labelledby="two-column-header-00000000-0000-0000-0000-000000000000"
         className="column-list-container"
       >
         <li
@@ -2495,7 +2511,7 @@ exports[`should render with 2 displays 1`] = `
       <div>
         <h6
           hidden={true}
-          id="single-column-header-67ed2dcf-d9cc-45aa-a34b-686019bcba60"
+          id="single-column-header-00000000-0000-0000-0000-000000000000"
         >
           <ItemDisplay
             iconAlignment="center"
@@ -2533,7 +2549,7 @@ exports[`should render with 2 displays 1`] = `
           />
         </h6>
         <ul
-          aria-labelledby="single-column-header-67ed2dcf-d9cc-45aa-a34b-686019bcba60"
+          aria-labelledby="single-column-header-00000000-0000-0000-0000-000000000000"
           className="column-list-container"
         >
           <li
@@ -2632,7 +2648,7 @@ exports[`should render with 3 displays 1`] = `
       <div>
         <h6
           hidden={true}
-          id="single-column-header-d2016b66-f87b-433d-a695-d3323f1930dc"
+          id="single-column-header-00000000-0000-0000-0000-000000000000"
         >
           <ItemDisplay
             iconAlignment="center"
@@ -2670,7 +2686,7 @@ exports[`should render with 3 displays 1`] = `
           />
         </h6>
         <ul
-          aria-labelledby="single-column-header-d2016b66-f87b-433d-a695-d3323f1930dc"
+          aria-labelledby="single-column-header-00000000-0000-0000-0000-000000000000"
           className="column-list-container"
         >
           <li