diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeCard.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeCard.vue
index 55a124f1..7f3d8832 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/SchemeCard.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/SchemeCard.vue
@@ -3,6 +3,8 @@ import { inject } from "vue";
 import { systemLanguageKey } from "@/arches_lingo/constants.ts";
 import { routeNames } from "@/arches_lingo/routes.ts";
 
+import Card from "primevue/card";
+
 import type { Language } from "@/arches_vue_utils/types";
 import type { SchemeResource, ResourceDescriptor } from "@/arches_lingo/types";
 
@@ -28,34 +30,32 @@ if (descriptors) {
 </script>
 
 <template>
-    <RouterLink
-        :to="schemeURL"
-        class="scheme-card"
-    >
-        <p>{{ schemeDescriptor.name }}</p>
-        <p>{{ schemeDescriptor.description }}</p>
+    <RouterLink :to="schemeURL">
+        <Card>
+            <template #title>
+                {{ schemeDescriptor.name }}
+            </template>
+            <template #content>
+                {{ schemeDescriptor.description }}
+            </template>
+        </Card>
     </RouterLink>
 </template>
 
 <style scoped>
-p {
-    text-align: center;
-}
-.scheme-card {
+a {
     text-decoration: none;
-    color: var(--p-text-color);
+}
+
+:deep(.p-card) {
+    background-color: var(--p-button-primary-background);
+    color: var(--p-button-primary-color);
     width: 15rem;
     height: 15rem;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
     margin: 0.5rem;
-    border: 1px solid var(--p-menubar-border-color);
-    background-color: var(--p-primary-400);
 }
-.scheme-card:hover {
-    background-color: var(--p-button-primary-hover-background);
-    cursor: pointer;
+
+:deep(.p-card-body) {
+    text-align: center;
 }
 </style>
diff --git a/arches_lingo/src/arches_lingo/components/tree/HierarchySplitter.vue b/arches_lingo/src/arches_lingo/components/tree/HierarchySplitter.vue
index 2401df20..27aecc27 100644
--- a/arches_lingo/src/arches_lingo/components/tree/HierarchySplitter.vue
+++ b/arches_lingo/src/arches_lingo/components/tree/HierarchySplitter.vue
@@ -67,7 +67,7 @@ const showHierarchy = ref(false);
         />
     </div>
     <Splitter
-        style="display: flex; height: 100%"
+        style="height: 100%"
         :pt="{
             gutter: { style: { display: showHierarchy ? 'flex' : 'none' } },
         }"
diff --git a/arches_lingo/src/arches_lingo/pages/SchemePage.vue b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
index 36e8f93c..77b7f925 100644
--- a/arches_lingo/src/arches_lingo/pages/SchemePage.vue
+++ b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
@@ -60,7 +60,7 @@ const getRef = (el: object | null, index: number) => {
 </script>
 
 <template>
-    <Splitter>
+    <Splitter style="height: 100%">
         <SplitterPanel
             v-if="sectionVisible"
             :size="66"