diff --git a/css/main.css b/css/main.css
index 5205f9ee0ede3a4e00ca2944917daf03c6fdd11f..9cac23aca2724c555d8e080b617fa0520279afa5 100644
--- a/css/main.css
+++ b/css/main.css
@@ -283,6 +283,11 @@ input.intInput, input.floatInput{
     display: inline-block;
 }
 
+.seventyFiveWidth{
+    width: 75%;
+    display: inline-block;
+}
+
 #navRibbon{
     height: 49px;
     width: 400px;
diff --git a/js/menus/CompositeMenu.js b/js/menus/CompositeMenu.js
index f724c19e082e81cab4ef80a26151afa427a1d25d..2086b8f58d3c4c86c2cdc54e8adc3007d6593307 100644
--- a/js/menus/CompositeMenu.js
+++ b/js/menus/CompositeMenu.js
@@ -73,7 +73,7 @@ define(['jquery', 'underscore', 'menuParent', 'plist', 'lattice'], function($, _
         template: _.template('\
             <a href="#" class="btn btn-halfWidth btn-lg btn-default importJSON">Load Composite</a>\
             <a id="saveComposite" href="#" class="btn btn-halfWidth btn-lg pull-right btn-default">Save Composite</a><br/><br/>\
-            Name: &nbsp;&nbsp;<input id="compositeName" value="<%= compositeName %>" placeholder="Enter Name" class="halfWidth form-control" type="text"><br/><br/>\
+            Name: &nbsp;&nbsp;<input id="compositeName" data-property="compositeName" value="<%= compositeName %>" placeholder="Enter Name" class="seventyFiveWidth form-control textInput lattice" type="text"><br/><br/>\
             Bounding Box: ()<br/><br/>\
             Display Color: &nbsp;&nbsp;\
             <input style="border-color: <%= compositeColor %> ;" value="<%= compositeColor %>" placeholder="Enter HEX" class="halfWidth form-control" type="text"><br/><br/>\
diff --git a/js/menus/MenuWrapperView.js b/js/menus/MenuWrapperView.js
index 76ff4bbe744594996b322c85b068729bca7c3013..82d3b82eb100674bb51280c2ebb7edf45fa28c09 100644
--- a/js/menus/MenuWrapperView.js
+++ b/js/menus/MenuWrapperView.js
@@ -44,6 +44,18 @@ define(['jquery', 'underscore', 'plist', 'backbone', 'lattice'], function($, _,
             }
             if ($(".floatInput").is(":focus")) this._updateFloat(e);
             if ($(".intInput").is(":focus")) this._updateInt(e);
+            if ($(".textInput").is(":focus")) this._updateString(e);
+        },
+
+        _updateString: function(e){
+            e.preventDefault();
+            var $target = $(e.target);
+            var property = $target.data("property");
+            if (!property) {
+                console.warn("no property associated with string input");
+                return;
+            }
+            this._getPropertyOwner($target).set(property, $target.val());
         },
 
         _updateFloat: function(e){