design.diff

diff --git a/translate/public/locale/en-US/translate.ftl b/translate/public/locale/en-US/translate.ftl
index 3c27702d9..d75b9b271 100644
--- a/translate/public/locale/en-US/translate.ftl
+++ b/translate/public/locale/en-US/translate.ftl
@@ -209,7 +209,7 @@ editor-KeyboardShortcuts--copy-from-next-helper-shortcut = <mod1>Ctrl</mod1> + <
 ## Editor machinery source indicator
 ## Shown when a perfect match is provided automatically from translation memory
 
-editor-MachinerySourceIndicator--text = Perfect match from translation memory
+editor-MachinerySourceIndicator--text = <stress>100%</stress> MATCH FROM TRANSLATION MEMORY
 
 
 ## Editor Unsaved Changes
diff --git a/translate/src/core/editor/components/MachinerySourceIndicator.css b/translate/src/core/editor/components/MachinerySourceIndicator.css
index 3cde6eb2e..24e6a6609 100644
--- a/translate/src/core/editor/components/MachinerySourceIndicator.css
+++ b/translate/src/core/editor/components/MachinerySourceIndicator.css
@@ -1,7 +1,13 @@
 .tm-source {
-  color: #aaa;
-  height: 0;
-  margin: 0 auto -4px;
-  padding-top: 4px;
-  pointer-events: none;
+  font-size: 11px;
+  padding: 10px 0;
+  border-top: 1px solid #5e6475;
+  width: 100%;
+  text-align: center;
+  background: #4d5967;
+  color: #ccc;
+}
+
+.tm-source .stress {
+  color: #7bc876;
 }
diff --git a/translate/src/core/editor/components/MachinerySourceIndicator.tsx b/translate/src/core/editor/components/MachinerySourceIndicator.tsx
index 593a5b5ef..b6bf969c5 100644
--- a/translate/src/core/editor/components/MachinerySourceIndicator.tsx
+++ b/translate/src/core/editor/components/MachinerySourceIndicator.tsx
@@ -18,8 +18,13 @@ export function MachinerySourceIndicator() {
   }
 
   return (
-    <Localized id='editor-MachinerySourceIndicator--text'>
-      <div className='tm-source'>Perfect match from translation memory</div>
+    <Localized
+      id='editor-MachinerySourceIndicator--text'
+      elems={{ stress: <span className='stress' /> }}
+    >
+      <div className='tm-source'>
+        {'<stress>100%</stress> MATCH FROM TRANSLATION MEMORY'}
+      </div>
     </Localized>
   );
 }
diff --git a/translate/src/modules/genericeditor/components/PluralSelector.css b/translate/src/modules/genericeditor/components/PluralSelector.css
index 8827a3b40..51e2ef22b 100644
--- a/translate/src/modules/genericeditor/components/PluralSelector.css
+++ b/translate/src/modules/genericeditor/components/PluralSelector.css
@@ -8,6 +8,7 @@
 .plural-selector ul li {
   background: #4d5967;
   border: 1px solid #5e6475;
+  border-bottom: none;
   border-left: none;
   display: table-cell;
   text-align: center;