diff --git a/templates/mobile/history/detail.mako b/templates/mobile/history/detail.mako
index ee00368da61..c679324e8fd 100644
--- a/templates/mobile/history/detail.mako
+++ b/templates/mobile/history/detail.mako
@@ -9,6 +9,11 @@
   <style type="text/css" media="screen">@import "${h.url_for('/static/style/iphone.css')}";</style>
   ## <script type="application/x-javascript" src="${h.url_for('/static/iui/iui.js')}"></script>
   <style>
+    li > a > div {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
     div.secondary {
         font-size: 13px;
         color: gray;
@@ -50,7 +55,7 @@
                
                <a href="${h.url_for( action="dataset_detail", id=data.id )}">
               
-        <div>${hid}: ${data.display_name()}</div>
+        <div class="primary">${hid}: ${data.display_name()}</div>
         
         <div class="secondary">
         ## Body for history items, extra info and actions, data "peek"
diff --git a/templates/mobile/history/list.mako b/templates/mobile/history/list.mako
index 870a217ee8d..dc64b9c7357 100644
--- a/templates/mobile/history/list.mako
+++ b/templates/mobile/history/list.mako
@@ -9,6 +9,11 @@
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <style type="text/css" media="screen">@import "${h.url_for('/static/style/iphone.css')}";</style>
   <style>
+    li > a > div {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
     div.date {
         font-size: 13px;
         color: gray;