diff --git a/frontend/src/components/layout/search/searchBar.css b/frontend/src/components/layout/search/searchBar.css
deleted file mode 100644
index e202ea237d..0000000000
--- a/frontend/src/components/layout/search/searchBar.css
+++ /dev/null
@@ -1,91 +0,0 @@
-.main {
-  position: absolute;
-  width: 100%;
-}
-
-.search-bar-container {
-  position: absolute;
-  display: flex;
-  width: 100%;
-  top: 10px;
-  margin-top: 38px;
-  right: 1px;
-  /*right: -20px;*/
-  box-shadow: 0em 0.1em 0.05em #ccc;
-}
-
-.search-input {
-  width: 100%;
-  position: relative;
-  
-}
-
-.search-bar-container:hover {
-  border: 2px solid #110f74;
-}
-
-.patients {
-  overflow-y: auto;
-  width: 100%;
-  max-height: 250px;
-  position: absolute;
-  background-color: #f0e7e7;
-  top: 89px;
-  right: -1px;
-  box-shadow: 0em 0.1em 0.5em #ccc;
-}
-
-.patientHead {
-  width: 103%;
-  position: relative;
-  border-bottom: 2px solid #eee3e3;
-  background-color: #fcfbfb;
-  height: 52px;
-  right: -1px;
-  box-shadow: 0em 0.01em 0.05em #ccc;
-}
-.tags {
-  margin-left: -100px;
-}
-.patientHead:hover {
-  background-color: #bbadad;
-  cursor: pointer;
-}
-
-
-/* Large screens (1208px and up) */
-@media (min-width: 1208px) {
-  
-
-  .search-bar-container {
-    width: 45%;
-    margin-top: 0%;
-    right: 130px;
-  }
-
-  .search-input {
-    width: 45%;
-  }
-
-  .patients {
-    overflow-y: auto;
-    width: 45%;
-    max-height: 250px;
-    position: absolute;
-    background-color: #f0e7e7;
-    top: 48px;
-    right: 130px;
-    box-shadow: 0em 0.1em 0.5em #ccc;
-  }
-  
-  .patientHead {
-    overflow-y: auto;
-    width: 600px;
-    right: -1px;
-    position: relative;
-    border-bottom: 2px solid #eee3e3;
-    background-color: #fcfbfb;
-    height: 52px;
-    box-shadow: 0em 0.01em 0.05em #ccc;
-  }
-}
diff --git a/frontend/src/components/layout/search/searchBar.js b/frontend/src/components/layout/search/searchBar.js
index a3223b6b28..e1db0c5216 100644
--- a/frontend/src/components/layout/search/searchBar.js
+++ b/frontend/src/components/layout/search/searchBar.js
@@ -148,4 +148,4 @@ const SearchBar = (props) => {
   );
 };
 
-export default SearchBar;
\ No newline at end of file
+export default SearchBar;
diff --git a/frontend/src/index.css b/frontend/src/index.css
deleted file mode 100644
index 5aa3ee2f3b..0000000000
--- a/frontend/src/index.css
+++ /dev/null
@@ -1,160 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
-    monospace;
-}
-
-.slide-over-root {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: flex-end;
-  /* Align the SlideOver to the right */
-  align-items: flex-start;
-  /* Align items at the start (top) */
-  transition:
-    opacity 0.3s ease-in-out,
-    visibility 0.3s ease-in-out;
-  z-index: 1000;
-  visibility: hidden;
-  opacity: 0;
-  pointer-events: none;
-}
-
-.slide-over-root.show {
-  visibility: visible;
-  opacity: 1;
-  pointer-events: auto;
-}
-
-.slide-over-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.5);
-  transition: opacity 0.4s ease-in-out;
-}
-
-.backdrop-blur {
-  backdrop-filter: blur(4px);
-}
-
-.slide-over-panel {
-  position: fixed;
-  top: 53px;
-  /* Adjust this value based on the height of your header */
-  transition:
-    transform 0.4s ease-in-out,
-    opacity 0.4s ease-in-out;
-  width: 90%;
-  /* Use percentage for width */
-  max-width: 90%;
-  /* Use percentage for max-width */
-  border-radius: 10px;
-  height: calc(100% - 20px);
-}
-
-@media (min-width: 768px) {
-  .slide-over-panel {
-    width: 25%;
-    /* Use percentage for width on larger screens */
-   /* max-width: 25%;*/
-    max-width: 50%;
-    /* Use percentage for max-width on larger screens */
-  }
-}
-
-.translate-x-full {
-  transform: translateX(100%);
-}
-
-.translate-x-0 {
-  transform: translateX(0);
-}
-
-.translate-y-full {
-  transform: translateY(100%);
-}
-
-.translate-y-0 {
-  transform: translateY(0);
-}
-
-.translate-x--full {
-  transform: translateX(-100%);
-}
-
-.translate-y--full {
-  transform: translateY(-100%);
-}
-
-.oeui-slideover-x {
-  width: 100%;
-  height: 100%;
-}
-
-.oeui-slideover-y {
-  width: 100%;
-  height: 100%;
-}
-
-.slide-over-content {
-  display: flex;
-  flex-direction: column;
-  background: white;
-  border-radius: 8px;
-  overflow: hidden;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  height: 100%;
-}
-
-.slide-over-header {
-  display: flex;
-  align-items: center;
-  padding: 16px;
-  background: #f1f1f1;
-}
-
-.close-button {
-  background: none;
-  border: none;
-  font-size: 24px;
-  cursor: pointer;
-}
-
-.slide-over-title {
-  flex-grow: 1;
-  font-size: 18px;
-  font-weight: bold;
-  text-align: center;
-}
-
-.slide-over-body {
-  padding: 0px 6px;
-  margin: 1px;
-  overflow-y: auto;
-  flex-grow: 1;
-}
-
-@keyframes pulse {
-  0%,
-  100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-}