diff --git a/dashboard/public/views/app.html b/dashboard/public/views/app.html
index 0321cedb5..c58698149 100644
--- a/dashboard/public/views/app.html
+++ b/dashboard/public/views/app.html
@@ -1159,10 +1159,11 @@
           <div class="col-md-12">
             <form role="form" name="devicesForm" ng-submit="resources.submitDevices()" autocomplete="off">
               <fieldset>
-                <div class="form-group">
+                <div class="form-group" ng-class="{ 'has-error': resources.error.devices }">
                   <label class="control-label" for="devicesInput">Devices <sup><a ng-href="https://docs.cloudron.io/apps/#devices" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
                   <p>Comma serparated list of devices mounted into the app</p>
                   <input type="text" class="form-control" id="devicesInput" ng-model="resources.devices" placeholder="/dev/ttyUSB, /dev/hidraw0, ..." ng-disabled="resources.busy"/>
+                  <span class="text-danger" ng-show="resources.error.devices">{{ resources.error.devices }}</span>
                 </div>
               </fieldset>
             </form>
diff --git a/dashboard/public/views/app.js b/dashboard/public/views/app.js
index d8291b209..2a4d39467 100644
--- a/dashboard/public/views/app.js
+++ b/dashboard/public/views/app.js
@@ -702,7 +702,12 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
             });
 
             Client.configureApp($scope.app.id, 'devices', { devices }, function (error) {
-                if (error) return Client.error(error);
+                if (error && error.statusCode === 400) {
+                    $scope.resources.error.devices = error.message;
+                    return $scope.resources.busy = false;
+                } else if (error) {
+                    return Client.error(error);
+                }
 
                 refreshApp($scope.app.id, function (error) {
                     if (error) return Client.error(error);