diff --git a/src/css/_custom.css b/src/css/_custom.css
index 4f220ac..d74a6bc 100644
--- a/src/css/_custom.css
+++ b/src/css/_custom.css
@@ -32,4 +32,9 @@ button {
 .h6 {
   height:25rem;
 }
+
+.b-input {
+  border: solid 2px var(--blue);
+  border-radius: 0.25rem;
+}
 /*finish*/
diff --git a/src/elm/Routes/PreviousOverviewPage.elm b/src/elm/Routes/PreviousOverviewPage.elm
index a0df287..a8da69a 100644
--- a/src/elm/Routes/PreviousOverviewPage.elm
+++ b/src/elm/Routes/PreviousOverviewPage.elm
@@ -9,9 +9,9 @@ import Types exposing (..)
 previousOverviewPage : Model -> Html Msg
 previousOverviewPage model =
     div [ class "w-60-ns center" ]
-        [ h2 [ class "center f3" ] [ text "CG Interactions" ]
-        , p [] [ text "search by name, tags or organisation" ]
-        , input [ class "pa2 ma2", onInput SetSearchInput, value model.searchInput ] []
+        [ h2 [ class "blue center f3 db tc" ] [ text "CG Interactions" ]
+        , p [ class "blue center db tc" ] [ text "search by name, tags or organisation" ]
+        , input [ class "center db b-input pa2 ma2", onInput SetSearchInput, value model.searchInput, placeholder "search" ] []
         , section
             []
             (interactionContent