diff --git a/public/assets/css/dash/frame.css b/public/assets/css/dash/frame.css
index 1271283..d0b6bb8 100644
--- a/public/assets/css/dash/frame.css
+++ b/public/assets/css/dash/frame.css
@@ -136,6 +136,10 @@ button[data-render="false"] svg {
   fill: var(--secondary);
 }
 
+button[data-enabled="false"] svg {
+  fill: var(--primary);
+}
+
 /* RESPONSIVE */
 
 @media only screen and (max-width: 900px) {
diff --git a/resources/views/back/settings.blade.php b/resources/views/back/settings.blade.php
index 897bd2c..26548f5 100644
--- a/resources/views/back/settings.blade.php
+++ b/resources/views/back/settings.blade.php
@@ -23,8 +23,10 @@
 
             <div>
                 <button id="create-backup">
-                    <i class="ti ti-disc"></i>
-                    <span>BACK UP YOUR SITE</span>
+                    <svg id="nav-menu-icon" role="icon">
+                        <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-back-in-time"/>
+                    </svg>
+                    <span>CREATE BACKUP</span>
                 </button><br/>
                 @if($lastBackup != '')
                     LAST BACK UP<br/>
@@ -36,25 +38,33 @@
             <div class="features">
                 @if(isset($apiStatus) && $apiStatus == 'true')
                     <button id="api-access-toggle" title="allow external api" data-enabled="true">
-                        <i class="ti ti-phone-incoming"></i>
+                        <svg id="nav-menu-icon" role="icon">
+                            <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/>
+                        </svg>
                         <span id="api-status">API ACCESS ENABLED</span>
                     </button>
                 @else
                     <button id="api-access-toggle" title="allow external api" data-enabled="false">
-                        <i class="ti ti-phone-incoming"></i>
+                        <svg id="nav-menu-icon" role="icon">
+                            <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/>
+                        </svg>
                         <span id="api-status">API ACCESS NOT ENABLED</span>
                     </button>
 
                 @endif
                 @if(isset($dynamicRenderStatus) && $dynamicRenderStatus == 'true')
                     <button id="dynamic-render-toggle" title="allow external api" data-enabled="true">
-                        <i class="ti ti-arrow-merge"></i>
+                        <svg id="nav-menu-icon" role="icon">
+                            <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-cycle"/>
+                        </svg>
                         <span id="dynamic-render-status">DYNAMIC PAGE RENDERING</span>
                     </button>
 
                 @else
                     <button id="dynamic-render-toggle" title="allow external api" data-enabled="false">
-                        <i class="ti ti-arrow-merge"></i>
+                        <svg id="nav-menu-icon" role="icon">
+                            <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-cycle"/>
+                        </svg>
                         <span id="dynamic-render-status">STATIC PAGE RENDERING</span>
                     </button>
 
@@ -65,12 +75,16 @@
                 @foreach($themes as $theme)
                     @if($theme['name'] == $currentTheme)
                         <button id="{{ $theme['name'] }}" class="theme-select" data-enabled="true">
-                            <i class="ti ti-brush"></i>
+                            <svg id="nav-menu-icon" role="icon">
+                                <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-palette"/>
+                            </svg>
                             <span>{{ $theme['display-name'] }}</span>
                         </button>
                     @else
                         <button href="#" id="{{ $theme['name'] }}" class="theme-select" data-enabled="false">
-                            <i class="ti ti-brush-off"></i>
+                            <svg id="nav-menu-icon" role="icon">
+                                <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-palette"/>
+                            </svg>
                             <span>{{ $theme['display-name'] }}</span>
                         </button>
                     @endif
@@ -95,7 +109,9 @@
                 @endif
                 @include('forms.mailforms')
                 <button id="send-mail">
-                    <i class="ti ti-mailbox"></i>
+                    <svg id="nav-menu-icon" role="icon">
+                        <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-mail-with-circle"/>
+                    </svg>
                     <span>TEST MAIL</span>
                 </button>
             </div>