diff --git a/frontend/components/State/StateSecondaryInfo.vue b/frontend/components/SecondaryInfo.vue
similarity index 100%
rename from frontend/components/State/StateSecondaryInfo.vue
rename to frontend/components/SecondaryInfo.vue
diff --git a/frontend/pages/patrons/index.vue b/frontend/pages/patrons/index.vue
index 5d8ef9a..4fefceb 100644
--- a/frontend/pages/patrons/index.vue
+++ b/frontend/pages/patrons/index.vue
@@ -33,7 +33,7 @@ const patrons = [
         <tr v-for="(patron, index) in patrons" :key="index">
           <TableTd>
             <div>{{ patron.name }}</div>
-            <StateSecondaryInfo>{{ patron.email }}</StateSecondaryInfo>
+            <SecondaryInfo>{{ patron.email }}</SecondaryInfo>
           </TableTd>
 
           <TableTd>
@@ -44,9 +44,7 @@ const patrons = [
 
           <TableTd>
             <div>{{ patron.checkedOut }} books</div>
-            <StateSecondaryInfo>
-              {{ patron.overdue }} overdue
-            </StateSecondaryInfo>
+            <SecondaryInfo>{{ patron.overdue }} overdue</SecondaryInfo>
           </TableTd>
 
           <TableTd>