diff --git a/public/assets/js/app.js b/public/assets/js/app.js
index 475a5cb..11cfdfa 100644
--- a/public/assets/js/app.js
+++ b/public/assets/js/app.js
@@ -854,19 +854,19 @@
 		};
 
 		$scope.isIndexHTML = function(site) {
-			return getSiteValue(site, 'index') === 'index.html' || !$scope.isPHP(site);
+			return $scope.isRoot() && (getSiteValue(site, 'index') === 'index.html' || !$scope.isPHP(site));
 		};
 
 		$scope.isIndexPHP = function(site) {
-			return $scope.isPHP(site) && getSiteValue(site, 'index') === 'index.php';
+			return $scope.isRoot() && getSiteValue(site, 'index') === 'index.php' && $scope.isPHP(site);
 		};
 
 		$scope.isFallbackHTML = function(site) {
-			return getSiteValue(site, 'fallback_html');
+			return $scope.isRoot() && getSiteValue(site, 'fallback_html');
 		};
 
 		$scope.isFallbackPHP = function(site) {
-			return getSiteValue(site, 'fallback_php') && $scope.isPHP(site);
+			return $scope.isRoot() && getSiteValue(site, 'fallback_php') && $scope.isPHP(site);
 		};
 
 
diff --git a/public/index.html b/public/index.html
index b90149a..e943461 100644
--- a/public/index.html
+++ b/public/index.html
@@ -476,7 +476,7 @@
 													</div>
 												</div>
 											</div>
-											<fieldset class="form-group" ng-class="{ disabled: !isPHP() }">
+											<fieldset class="form-group" ng-class="{ disabled: !isRoot() || !isPHP() }">
 												<div class="row">
 													<legend class="col-sm-3 col-form-label col-form-label-sm">
 														<code tooltips tooltip-template="Defines the file that will be used as an index.">index</code>
@@ -493,7 +493,7 @@
 													</div>
 												</div>
 											</fieldset>
-											<fieldset class="form-group">
+											<fieldset class="form-group" ng-class="{ disabled: !isRoot() }">
 												<div class="row">
 													<legend class="col-sm-3 col-form-label col-form-label-sm">
 														<span tooltips tooltip-template="Configures fallback routing of unhandled requests.">Fallback routing</span>