diff --git a/packages/ui/lib/client.js b/packages/ui/lib/client.js
index af493d3..a6d01a7 100644
--- a/packages/ui/lib/client.js
+++ b/packages/ui/lib/client.js
@@ -40,6 +40,18 @@ function routePathFromName(name) {
     return ironRouter.path(name);
 }
 
+// RouterLayer supports the following implementations, but does not provide any abstraction on the base path.
+// This will ensure hrefs are formatted with respect to the base path for a given implementation
+function basePath() {
+  if (_.has(Package, 'kadira:flow-router')) {
+    // TODO: ...
+  } else if (_.has(Package, 'iron:router')) {
+    // TODO: ...
+  } else if (_.has(Package, 'ostrio:flow-router-extra')) {
+    return RouterLayer.flowRouter._page.base();
+  }
+}
+
 /*
  * After user presses ctrl up-down, if the newly highlighted row
  * is not above or below the viewable area, scroll appropriately
@@ -216,6 +228,9 @@ Template.mfTrans.helpers({
   strings: function() { return mfPkg.mfStrings.find(); },
   stats: function() { return mfPkg.mfMeta.findOne({_id: '__stats'}); },
   native: mfPkg.native,
+  basePath: function() {
+    return basePath();
+  }
 });
 
 Template.mfTransLang.helpers({
@@ -242,6 +257,9 @@ Template.mfTransLang.helpers({
     }
     var strings = Template.instance().pairs.find(query).fetch();
     return sortStrings(strings);
+  },
+  basePath: function() {
+    return basePath();
   }
 });
 
diff --git a/packages/ui/lib/ui.html b/packages/ui/lib/ui.html
index 67d5685..0c37fa5 100644
--- a/packages/ui/lib/ui.html
+++ b/packages/ui/lib/ui.html
@@ -18,7 +18,7 @@ <h2>{{mf 'mf_site_translations' 'Site Translations'}}</h2>
       </tr>
       {{#each stats.langs}}
       <tr>
-        <td><a href="/translate/{{lang}}">{{lang}}</a></td>
+        <td><a href="{{basePath}}/translate/{{lang}}">{{lang}}</a></td>
         <td>{{trans}}</td>
         <td>{{transPercent}}</td>
         <td>{{fuzzy}}</td>
@@ -158,7 +158,7 @@ <h2>{{mf 'mf_site_translations' 'Site Translations'}}</h2>
 {{/if}}
   <br /><br />
   <p>
-    <a href="/translate">Back to Translation Summary</a>
+    <a href="{{basePath}}/translate">Back to Translation Summary</a>
   </p>
 
   </div>
diff --git a/packages/ui/package.js b/packages/ui/package.js
index 0b5202a..2e98a07 100644
--- a/packages/ui/package.js
+++ b/packages/ui/package.js
@@ -1,6 +1,6 @@
 Package.describe({
   name:    "msgfmt:ui",
-  version: "2.2.0",
+  version: "2.2.1",
   summary: "web-based translation UI, optional crowd-sourcing",
   git:      "https://github.com/gadicc/meteor-messageformat.git",
   documentation: 'README.md'