diff --git a/ui/app/styles/components/info-table-row.scss b/ui/app/styles/components/info-table-row.scss
index 071474277..d7d86f951 100644
--- a/ui/app/styles/components/info-table-row.scss
+++ b/ui/app/styles/components/info-table-row.scss
@@ -22,26 +22,6 @@
       padding-top: 0.3rem;
     }
 
-    @include until($tablet) {
-      padding: 0;
-    }
-
-    &:first-child {
-      padding-left: 0;
-
-      @include until($tablet) {
-        padding: $size-8 0 0;
-      }
-    }
-
-    &:last-child {
-      padding-right: 0;
-
-      @include until($tablet) {
-        padding: 0 0 $size-8;
-      }
-    }
-
     textarea {
       min-height: 35px;
     }
@@ -52,6 +32,28 @@
   }
 }
 
+.info-table-row:not(.is-mobile) .column {
+  @include until($tablet) {
+    padding: 0;
+  }
+
+  &:first-child {
+    padding-left: 0;
+
+    @include until($tablet) {
+      padding: $size-8 0 0;
+    }
+  }
+
+  &:last-child {
+    padding-right: 0;
+
+    @include until($tablet) {
+      padding: 0 0 $size-8;
+    }
+  }
+}
+
 .info-table-row-header {
   margin: 0;
 
diff --git a/ui/app/templates/components/identity/item-alias/alias-metadata.hbs b/ui/app/templates/components/identity/item-alias/alias-metadata.hbs
index f1e355e85..b1c9ca9a5 100644
--- a/ui/app/templates/components/identity/item-alias/alias-metadata.hbs
+++ b/ui/app/templates/components/identity/item-alias/alias-metadata.hbs
@@ -1,15 +1,19 @@
 {{#each-in model.metadata as |key value|}}
-  <div class="info-table-row">
-    <div class="column is-5 has-text-weight-semibold">
-      {{key}}
-    </div>
-    <div class="column is-5">
-      {{value}}
-    </div>
-    <div class="column has-text-right">
-      {{#if model.canEdit}}
-        {{identity/popup-metadata params=(array model key)}}
-      {{/if}}
+  <div class="info-table-row is-mobile">
+    <div class="is-flex is-fullwidth">
+      <div class="column is-one-quarter">
+        <span class="is-label has-text-grey-dark">
+          {{key}}
+        </span>
+      </div>
+      <div class="column is-5">
+        {{value}}
+      </div>
+      <div class="column has-text-right">
+        {{#if model.canEdit}}
+          {{identity/popup-metadata params=(array model key)}}
+        {{/if}}
+      </div>
     </div>
   </div>
 {{else}}
diff --git a/ui/app/templates/components/identity/item-metadata.hbs b/ui/app/templates/components/identity/item-metadata.hbs
index f1e355e85..eed742e1d 100644
--- a/ui/app/templates/components/identity/item-metadata.hbs
+++ b/ui/app/templates/components/identity/item-metadata.hbs
@@ -1,15 +1,19 @@
 {{#each-in model.metadata as |key value|}}
-  <div class="info-table-row">
-    <div class="column is-5 has-text-weight-semibold">
-      {{key}}
-    </div>
-    <div class="column is-5">
-      {{value}}
-    </div>
-    <div class="column has-text-right">
-      {{#if model.canEdit}}
-        {{identity/popup-metadata params=(array model key)}}
-      {{/if}}
+  <div class="info-table-row is-mobile">
+    <div class="is-flex is-fullwidth">
+      <div class="column is-one-quarter">
+        <span class="is-label has-text-grey-dark">
+          {{key}}
+        </span>
+      </div>
+      <div class="column is-flex">
+        {{value}}
+      </div>
+      <div class="column has-text-right">
+        {{#if model.canEdit}}
+          {{identity/popup-metadata params=(array model key)}}
+        {{/if}}
+      </div>
     </div>
   </div>
 {{else}}