diff --git a/src/components/ControlsStrip.vue b/src/components/ControlsStrip.vue
index 7644a335..a3f5ea61 100644
--- a/src/components/ControlsStrip.vue
+++ b/src/components/ControlsStrip.vue
@@ -13,7 +13,7 @@ import MessageCenter from '@/src/components/MessageCenter.vue';
 import { MessageType, useMessageStore } from '@/src/store/messages';
 import { ConnectionState, useServerStore } from '@/src/store/server';
 import { useViewStore } from '@/src/store/views';
-import { Layouts } from '@/src/config';
+import { Layouts, DefaultLayoutName } from '@/src/config';
 
 interface Props {
   hasData: boolean;
@@ -23,7 +23,7 @@ defineProps<Props>();
 
 function useViewLayout() {
   const viewStore = useViewStore();
-  const layoutName = ref('Quad View');
+  const layoutName = ref(DefaultLayoutName);
   const { layout: currentLayout } = storeToRefs(viewStore);
 
   watch(
diff --git a/src/config.ts b/src/config.ts
index 1ad9c6f3..e98485be 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -90,6 +90,11 @@ export const InitViewSpecs: Record<string, ViewSpec> = {
  */
 export const DefaultViewSpec = InitViewSpecs[InitViewIDs.Axial];
 
+/**
+ * The default layout.
+ */
+export const DefaultLayoutName = 'Quad View';
+
 /**
  * Defines the default layouts.
  */