diff --git a/src/views/app.html b/src/views/app.html
index fe597182a..9506bc2fd 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -408,14 +408,14 @@
           <div class="col-md-12">
             <fieldset>
               <form role="form" name="resourcesDataDirForm" ng-submit="resources.submitDataDir()" autocomplete="off">
-                <div class="form-group" ng-class="{ 'has-error': resourcesDataDirForm.$dirty && resources.error.dataDir }">
+                <div class="form-group">
                   <input type="checkbox" id="resourcesEnableDataDir" ng-model="resources.dataDirEnabled">
                   <label class="control-label" for="resourcesEnableDataDir">Custom Data Directory <sup><a ng-href="{{ config.webServerOrigin }}/documentation/storage/#moving-a-single-apps-data-directory-to-another-location" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
-                  <div class="control-label" ng-show="resources.error.dataDir">{{ resources.error.dataDir }}</div>
                   <p>
                     By default, this app's data is located at <code>/home/yellowtent/appsdata/{{ app.id }}</code>. If the server is running out of disk space,
                     you can mount an external disk and move this app's data there.
                   </p>
+                  <div ng-class="{ 'has-error': resourcesDataDirForm.$dirty && resources.error.dataDir }" ng-show="resources.error.dataDir">{{ resources.error.dataDir }}</div>
                   <input type="text" class="form-control" name="dataDir" ng-disabled="!resources.dataDirEnabled" placeholder="/mnt/appdata" ng-model="resources.dataDir" ng-required="resources.dataDirEnabled">
                 </div>