diff --git a/src/renderer/components/+extensions/extensions.scss b/src/renderer/components/+extensions/extensions.scss
index 7352080a45..3dde779fc8 100644
--- a/src/renderer/components/+extensions/extensions.scss
+++ b/src/renderer/components/+extensions/extensions.scss
@@ -30,12 +30,6 @@
       .actions > button:not(:last-child) {
         margin-right: $spacing / 2;
       }
-
-      .name {
-        color: var(--textColorSecondary);
-        padding-bottom: var(--padding);
-        font-weight: bold;
-      }
     }
 
     > .spinner-wrapper {
@@ -46,8 +40,6 @@
 
   .SearchInput {
     --spacing: 10px;
-
-    max-width: none;
   }
 }
 
diff --git a/src/renderer/components/+extensions/extensions.tsx b/src/renderer/components/+extensions/extensions.tsx
index cb38791a03..4bf479f652 100644
--- a/src/renderer/components/+extensions/extensions.tsx
+++ b/src/renderer/components/+extensions/extensions.tsx
@@ -453,10 +453,10 @@ export class Extensions extends React.Component {
         <div key={id} className="extension flex gaps align-center">
           <div className="box grow">
             <div className="name">
-              {name}
+              Name: <code className="name">{name}</code>
             </div>
             <div className="description">
-              {description}
+              Description: <span className="text-secondary">{description}</span>
             </div>
           </div>
           <div className="actions">
@@ -531,7 +531,7 @@ export class Extensions extends React.Component {
               onClick={this.installFromUrlOrPath}
             />
             <small className="hint">
-              <Trans><b>Pro-Tip</b>: you can also drag-n-drop tarball-file to this area</Trans>
+              <Trans><b>Pro-Tip</b>: you can drag & drop extension&apos;s tarball-file to install</Trans>
             </small>
           </div>