diff --git a/src/assets/style/displayController.css b/src/assets/style/displayController.css
new file mode 100644
index 0000000000000000000000000000000000000000..1a99f180a61a1a6a1dbb832f1d9ab9a47c67614f
--- /dev/null
+++ b/src/assets/style/displayController.css
@@ -0,0 +1,9 @@
+div.controller {
+  margin : 10px;
+  padding : 10px;
+  border : solid thin #AAA;
+}
+
+div.controller button {
+  margin : 0px 10px;
+}
diff --git a/src/components/personListingController.component.jsx b/src/components/personListingController.component.jsx
index 1109b60a0e4e3b3923b3a212de38d08d7d619651..8f87898bf826389b043f0cd7f76b83bce0d2478d 100644
--- a/src/components/personListingController.component.jsx
+++ b/src/components/personListingController.component.jsx
@@ -1,6 +1,7 @@
 import { useState } from 'react';
 
 import PersonListing from './personListing.component.jsx';
+import '../assets/style/displayController.css';
 
 const PersonListingController = ({ initialDelay = 250 }) => {