diff --git a/src/main/webapp/scripts/project.js b/src/main/webapp/scripts/project.js
index 395de433c..46e46fcec 100644
--- a/src/main/webapp/scripts/project.js
+++ b/src/main/webapp/scripts/project.js
@@ -55,11 +55,9 @@ function initializeUI(uiState) {
     body.append(table);
     
     var tr = table.insertRow(0);
-    
     var tdLeft = tr.insertCell(0);
     var tdRight = tr.insertCell(1);
-    tdLeft.setAttribute("width", "82%");
-    tdRight.setAttribute("width", "18%");
+    tdRight.setAttribute("width", "250");
     
     ui.viewPanel = $('<div></div>').appendTo(tdLeft);
     ui.facetPanel = $('<div></div>').appendTo(tdRight);
diff --git a/src/main/webapp/scripts/views/data-table-view.js b/src/main/webapp/scripts/views/data-table-view.js
index 9f491da26..7453c7864 100644
--- a/src/main/webapp/scripts/views/data-table-view.js
+++ b/src/main/webapp/scripts/views/data-table-view.js
@@ -2,9 +2,21 @@ function DataTableView(div) {
     this._div = div;
     this._pageSize = 20;
     this._showRecon = true;
+    
+    this._initializeUI();
     this._showRows(0);
 }
 
+DataTableView.prototype._initializeUI = function() {
+    this._div.addClass("view-panel");
+    
+    var self = this;
+    $(window).resize(function() {
+        var dataTableContainer = self._div.find(".data-table-container");
+        dataTableContainer.hide().width(self._div.width() + "px").show();
+    });
+};
+
 DataTableView.prototype.update = function(onDone) {
     this._showRows(0, onDone);
 };
diff --git a/src/main/webapp/styles/views/data-table-view.css b/src/main/webapp/styles/views/data-table-view.css
index 24d5f40cb..71315cb22 100644
--- a/src/main/webapp/styles/views/data-table-view.css
+++ b/src/main/webapp/styles/views/data-table-view.css
@@ -1,3 +1,5 @@
+.view-panel {
+}
 .data-table-container {
     border: 1px solid #ccc;
     overflow-x: auto;