diff --git a/lib/main.dart b/lib/main.dart
index 1ef9f15..075177a 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -43,7 +43,7 @@ class _MyAppState extends State<MyApp> {
     return MaterialApp(
       title: 'GymLink Module',
       theme: ThemeData(
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.red),
+        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
       ),
       debugShowCheckedModeBanner: false,
       home: gymLinkScreenRouter(_currentGymLinkScreen),
@@ -140,13 +140,25 @@ class _MainPageState extends State<MainPage> {
                               border: OutlineInputBorder(
                                 borderRadius: BorderRadius.circular(10),
                               ),
-                              suffixIcon: InkWell(
-                                onTap: () {
-                                  debugPrint('tap on search icon');
-                                },
-                                child: const Icon(
-                                  Icons.search,
-                                  color: Colors.blue,
+                              suffixIcon: Padding(
+                                padding: const EdgeInsets.only(right: 8),
+                                child: ElevatedButton(
+                                  onPressed: () {
+                                    debugPrint('search button pressed');
+                                  },
+                                  style: ElevatedButton.styleFrom(
+                                    padding: const EdgeInsets.symmetric(
+                                        vertical: 8, horizontal: 0),
+                                    minimumSize: const Size(
+                                        50, kMinInteractiveDimension),
+                                    backgroundColor: Colors.blue,
+                                    shape: const CircleBorder(),
+                                  ),
+                                  child: const Icon(
+                                    Icons.search,
+                                    color: Colors.white,
+                                    size: 24,
+                                  ),
                                 ),
                               ),
                             ),
@@ -164,8 +176,8 @@ class _MainPageState extends State<MainPage> {
                             backgroundColor: Colors.blue,
                             shape: const CircleBorder(
                               side: BorderSide(
-                                color: Colors.blue,
-                                width: 2,
+                                color: Colors.black,
+                                width: 1,
                               ),
                             ),
                           ),
@@ -187,8 +199,8 @@ class _MainPageState extends State<MainPage> {
                             backgroundColor: Colors.blue,
                             shape: const CircleBorder(
                               side: BorderSide(
-                                color: Colors.blue,
-                                width: 2,
+                                color: Colors.black,
+                                width: 1,
                               ),
                             ),
                           ),