diff --git a/src/App.vue b/src/App.vue
index 5c6a66f..d55601b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -124,14 +124,14 @@ export default {
 $box-height: 110px;
 
 #app-content-wrapper {
-  .ncdownloader-form-container {
+  .ncdownloader-form-wrapper {
     position: relative;
     width: 100%;
     max-height: $box-height;
     top: 0;
     left: 0;
   }
-  .ncdownloader-form-container.top-left {
+  .ncdownloader-form-wrapper.top-left {
     width: 100%;
     top: 0;
     left: 0;
@@ -147,7 +147,7 @@ $box-height: 110px;
 
 @media only screen and (max-width: 1024px) {
   #app-content-wrapper {
-    #ncdownloader-form-container {
+    #ncdownloader-form-wrapper {
       position: relative;
       margin: 2px;
     }
diff --git a/templates/Content.php b/templates/Content.php
index 02c2216..8a7a01a 100644
--- a/templates/Content.php
+++ b/templates/Content.php
@@ -4,8 +4,8 @@
 <div id="app-content">
     <!-- app-content-wrapper is optional, only use if app-content-list  -->
     <div id="app-content-wrapper">
-        <div class="ncdownloader-body-wrapper">
-            <div id="ncdownloader-form-container" class="ncdownloader-form-container"></div>
+        <div class="ncdownloader-body-wrapper" id="ncdownloader-body-wrapper">
+            <div id="ncdownloader-form-wrapper" class="ncdownloader-form-wrapper"></div>
             <div id="ncdownloader-table-wrapper" class="table" type="active-downloads"></div>
         </div>
     </div>