diff --git a/packages/frontend/src/components/CollectionCard/CollectionCard.scss b/packages/frontend/src/components/CollectionCard/CollectionCard.scss
index e7d1e7b1..0604f9bd 100644
--- a/packages/frontend/src/components/CollectionCard/CollectionCard.scss
+++ b/packages/frontend/src/components/CollectionCard/CollectionCard.scss
@@ -15,6 +15,7 @@
         justify-content: space-between;
         align-items: center;
     }
+    
     .created-at {
         color: #5a7598;
         font-size: 11px;
@@ -22,6 +23,7 @@
         margin: 0px;
         margin-bottom: 2px;
     }
+
     h3 {
         color: #152935;
         font-size: 14px;
diff --git a/packages/frontend/src/components/Dataset/Dataset.jsx b/packages/frontend/src/components/Dataset/Dataset.jsx
index f9489898..6ef67346 100644
--- a/packages/frontend/src/components/Dataset/Dataset.jsx
+++ b/packages/frontend/src/components/Dataset/Dataset.jsx
@@ -33,8 +33,8 @@ export default function Dataset({
           <p>{dataset.department}</p>
         </div>
 
-        <DatasetLink className="title" dataset={dataset}>
-          <h2>{formattedName}</h2>
+        <DatasetLink className="data-link-title title" dataset={dataset}>
+          <h2>{formattedName}</h2>asdf
         </DatasetLink>
         {dataset.permalink}
       </div>
diff --git a/packages/frontend/src/components/Dataset/Dataset.scss b/packages/frontend/src/components/Dataset/Dataset.scss
index ea077df7..698cb6d2 100644
--- a/packages/frontend/src/components/Dataset/Dataset.scss
+++ b/packages/frontend/src/components/Dataset/Dataset.scss
@@ -1,6 +1,12 @@
 .dataset {
   display: grid;
 
+  .data-link-title{
+    color:red;
+    &:focus-visible{
+      color:aqua;
+    }
+  }
   button {
     height: 24px;
     width: 100%;
diff --git a/packages/frontend/src/layout/HomePage/HomePage.jsx b/packages/frontend/src/layout/HomePage/HomePage.jsx
index 410991fa..1953e147 100644
--- a/packages/frontend/src/layout/HomePage/HomePage.jsx
+++ b/packages/frontend/src/layout/HomePage/HomePage.jsx
@@ -108,6 +108,7 @@ export default function HomePage({ portal, initialGlobalSearchVal }) {
 
   return (
     <div className="home-page">
+      hello
       <Filters
         onCollapseFilterBar={setCollapseFilterBar}
         collapsed={collapseFilterBar}
@@ -130,6 +131,7 @@ export default function HomePage({ portal, initialGlobalSearchVal }) {
           </div>
 
           <Switch
+          className="portal-switch"
             checked={globalSearch}
             onChange={isOn => {
               setGlobalSearch(isOn);
diff --git a/packages/frontend/src/layout/HomePage/HomePage.scss b/packages/frontend/src/layout/HomePage/HomePage.scss
index ef3a087d..8561e7bb 100644
--- a/packages/frontend/src/layout/HomePage/HomePage.scss
+++ b/packages/frontend/src/layout/HomePage/HomePage.scss
@@ -134,3 +134,9 @@ $LightGrey: #b2b2b2;
   box-sizing: border-box;
   padding: 10px 20px;
 }
+
+.portal-switch {
+  &:focus-visible {
+    outline: 3px solid #000;
+  } 
+}