diff --git a/index.html b/index.html
index 097c10f..62c0c98 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
   <script src="./node_modules/uikit/dist/js/uikit.min.js"></script>
   <script src="./node_modules/uikit/dist/js/uikit-icons.min.js"></script>
 </head>
-<body>
+<body class="uk-animation-fade">
   <h1>Ryzen Controller</h1>
   
   <ul uk-switcher uk-tab uk-sticky class="uk-background-default">
@@ -20,7 +20,7 @@
   <ul class="uk-switcher uk-margin">
     
     
-    <li class="uk-container" id="controller-tab">
+    <li class="uk-container uk-animation-fade" id="controller-tab">
       <h3>STAPM Limit (W)</h3>
       <div class="uk-grid-small" uk-grid>
         <div class="uk-width-1-6">
@@ -69,7 +69,7 @@
       <button class="uk-margin uk-button uk-button-default" onClick="applyRyzenSettings()">Apply</button>
     </li>
     
-    <li class="uk-container">
+    <li class="uk-container uk-animation-fade">
       <h3>Auto apply on launch:</h3>
       <label><input class="uk-checkbox" type="checkbox" id="apply_last_settings_on_launch"> When checked, Ryzen Controller will try to apply latest used settings on launch.</label>
       <h3>Ryzenadj path:</h3>
@@ -84,8 +84,8 @@
         </div>
       </div>
     </li>
-    <li class="uk-container">Will be available soon!</li>
-    <li class="uk-container">
+    <li class="uk-container uk-animation-fade">Will be available soon!</li>
+    <li class="uk-container uk-animation-fade">
       <textarea class="uk-textarea" rows="20" id="logs" readonly></textarea>
     </li>
     
