diff --git a/UI/Templates/AdministrationUI/UIxAdministration.wox b/UI/Templates/AdministrationUI/UIxAdministration.wox
index bec34c0dd..269c1f784 100644
--- a/UI/Templates/AdministrationUI/UIxAdministration.wox
+++ b/UI/Templates/AdministrationUI/UIxAdministration.wox
@@ -21,7 +21,8 @@
   <script type="text/ng-template" id="administration.html">
     <md-sidenav id="left-sidenav" class="md-sidenav-left md-whiteframe-z1" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')" layout="column">
       <var:component className="UIxSidenavToolbarTemplate" />
-      <md-content md-scroll-y="md-scroll-y" class="md-flex md-hue-2">
+      <md-content class="md-flex" layout="column" md-scroll-y="md-scroll-y"
+                  md-colors="::{ backgroundColor: 'default-background-300' }">
         <md-list>
           <md-list-item ng-click="app.go('rights')"
                         ui-sref="administration.rights"
@@ -123,13 +124,16 @@
         </md-content>
       </div>
 
-      <div id="detailView" class="view-detail md-default-theme md-background md-bg md-hue-1"
+      <div id="detailView" class="view-detail"
            layout="column" layout-align="start center"
            ng-class="{ 'sg-close': !app.selectedUser.selectedFolder }"
+           md-colors="::{backgroundColor: 'default-background-200'}"
            ui-view="acl">
-        <md-content class="hide-xs md-flex md-hue-1"
+        <md-content class="hide show-gt-md md-flex"
+                    md-colors="::{backgroundColor: 'default-background-200'}"
                     layout="column" layout-align="center center" layout-fill="layout-fill">
-          <div class="md-default-theme md-background md-fg md-hue-3 sg-md-title"><var:string label:value="No resource selected"/></div>
+          <div class="sg-md-title"
+               md-colors="::{color: 'default-background-500'}"><var:string label:value="No resource selected"/></div>
         </md-content>
       </div>