diff --git a/src/components/Settings/SettingsContainer.vue b/src/components/Settings/SettingsContainer.vue
index 78a94b0f..3effecdb 100644
--- a/src/components/Settings/SettingsContainer.vue
+++ b/src/components/Settings/SettingsContainer.vue
@@ -6,7 +6,7 @@
       :active="!modalOpen"
     />
     <div class="options-outer">
-      <div class="options-container" v-if="settingsVisible">
+      <div :class="`options-container ${!settingsVisible ? 'hide' : ''}`">
         <ThemeSelector :themes="availableThemes"
           :confTheme="getInitialTheme()" :userThemes="getUserThemes()" />
         <LayoutSelector :displayLayout="displayLayout" @layoutUpdated="updateDisplayLayout"/>
@@ -133,6 +133,9 @@ export default {
       opacity: 1;
       &:hover { opacity: 1; }
     }
+    &.hide {
+      display: none;
+    }
   }
 
   .show-hide-container {