diff --git a/src/App.vue b/src/App.vue
index 3d958ea6..a7b07016 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,15 +1,15 @@
 <template>
   <div id="app">
     <div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove" margin=0>
-      <div v-bind:class="responsivePanelLeft" class="uk-padding-remove uk-first-column uk-inline uk-height-1-1">
+      <div id="sidebar-container" v-bind:class="responsivePanelLeft" class="uk-padding-remove uk-first-column uk-inline uk-height-1-1">
         <div id="overlay-toggle">
           <a href="" class="uk-icon-button" uk-icon="menu" uk-toggle="target: .toggle-hidden; animation: uk-animation-slide-left-small, uk-animation-slide-left-small" ></a>
         </div>
-        <div class="toggle-hidden uk-padding-remove uk-card uk-card-default uk-width-auto uk-height-1-1">
+        <div id="left-panel-container" class="toggle-hidden uk-padding-remove uk-card uk-card-default uk-width-auto uk-height-1-1">
           <panelLeft/>
         </div>
       </div>
-      <div class="uk-padding-remove uk-height-1-1 uk-width-expand">
+      <div id="main-panel-container" class="uk-padding-remove uk-height-1-1 uk-width-expand">
         <panelDisplay/>
       </div>
     </div>