diff --git a/src/components/library-item/library-item.css b/src/components/library-item/library-item.css
index 69ade9d11..e91d8deac 100644
--- a/src/components/library-item/library-item.css
+++ b/src/components/library-item/library-item.css
@@ -139,6 +139,12 @@
     align-items: left;
 }
 
+.featured-extension-requirement-img {
+    width: 20px;
+    height: 20px;
+    background-color: red;
+}
+
 .featured-extension-collaboration {
     width: 100%;
     display: flex;
diff --git a/src/components/library-item/library-item.jsx b/src/components/library-item/library-item.jsx
index d13b1d006..7348f18d7 100644
--- a/src/components/library-item/library-item.jsx
+++ b/src/components/library-item/library-item.jsx
@@ -96,12 +96,32 @@ class LibraryItem extends React.PureComponent {
                 {true ? ( /* TODO: make extension-only and requirements-only */
                     <div className={styles.featuredExtensionMetadata}>
                         <div className={styles.featuredExtensionRequirement}>
-                            <div>Requires</div>
-                            <div className={styles.featuredExtensionMetadataDetail}>[icon]</div>
+                            <div>
+                                <FormattedMessage
+                                    defaultMessage="Requires"
+                                    description="Label for extension hardware requirements"
+                                    id="gui.extensionLibrary.requires"
+                                />
+                            </div>
+                            <div
+                                className={styles.featuredExtensionMetadataDetail}
+                            >
+                                <img src={`#` /* TODO: add require icon prop */} /> 
+                            </div>
                         </div>
                         <div className={styles.featuredExtensionCollaboration}>
-                            <div>Collaboration with</div>
-                            <div className={styles.featuredExtensionMetadataDetail}>Amazon Web Services</div>
+                            <div>
+                                <FormattedMessage
+                                    defaultMessage="Collaboration with"
+                                    description="Label for extension collaboration"
+                                    id="gui.extensionLibrary.collaboration"
+                                />
+                            </div>
+                            <div
+                                className={styles.featuredExtensionMetadataDetail}
+                            >
+                                {`Amazon Web Services` /* TODO: add collab prop */}
+                            </div>
                         </div>
                     </div>
                 ) : null}