diff --git a/experimental/web_dashboard/lib/src/app.dart b/experimental/web_dashboard/lib/src/app.dart
index ce856dab5..639c7691e 100644
--- a/experimental/web_dashboard/lib/src/app.dart
+++ b/experimental/web_dashboard/lib/src/app.dart
@@ -66,6 +66,7 @@ class _DashboardAppState extends State<DashboardApp> {
     return Provider.value(
       value: _appState,
       child: MaterialApp(
+        theme: ThemeData.light(useMaterial3: true),
         home: SignInSwitcher(
           appState: _appState,
           apiBuilder: widget.apiBuilder,
diff --git a/experimental/web_dashboard/lib/src/pages/sign_in.dart b/experimental/web_dashboard/lib/src/pages/sign_in.dart
index 51749c22e..d653cdf76 100644
--- a/experimental/web_dashboard/lib/src/pages/sign_in.dart
+++ b/experimental/web_dashboard/lib/src/pages/sign_in.dart
@@ -88,7 +88,7 @@ class _SignInButtonState extends State<SignInButton> {
           _showError();
         }
 
-        return ElevatedButton(
+        return FilledButton(
           child: const Text('Sign In with Google'),
           onPressed: () => _signIn(),
         );
diff --git a/experimental/web_dashboard/lib/src/widgets/category_forms.dart b/experimental/web_dashboard/lib/src/widgets/category_forms.dart
index c53e643ba..794e12d1a 100644
--- a/experimental/web_dashboard/lib/src/widgets/category_forms.dart
+++ b/experimental/web_dashboard/lib/src/widgets/category_forms.dart
@@ -79,7 +79,7 @@ class _EditCategoryFormState extends State<EditCategoryForm> {
             children: [
               Padding(
                 padding: const EdgeInsets.only(left: 8.0, right: 8.0),
-                child: ElevatedButton(
+                child: FilledButton(
                   child: const Text('Cancel'),
                   onPressed: () {
                     widget.onDone(false);
@@ -88,7 +88,7 @@ class _EditCategoryFormState extends State<EditCategoryForm> {
               ),
               Padding(
                 padding: const EdgeInsets.only(left: 8.0, right: 8.0),
-                child: ElevatedButton(
+                child: FilledButton(
                   child: const Text('OK'),
                   onPressed: () {
                     if (_formKey.currentState!.validate()) {
diff --git a/experimental/web_dashboard/lib/src/widgets/edit_entry.dart b/experimental/web_dashboard/lib/src/widgets/edit_entry.dart
index 5c45c7251..7c6d702bb 100644
--- a/experimental/web_dashboard/lib/src/widgets/edit_entry.dart
+++ b/experimental/web_dashboard/lib/src/widgets/edit_entry.dart
@@ -103,7 +103,7 @@ class _EditEntryFormState extends State<EditEntryForm> {
               mainAxisAlignment: MainAxisAlignment.spaceBetween,
               children: [
                 Text(intl.DateFormat('MM/dd/yyyy').format(widget.entry!.time)),
-                ElevatedButton(
+                FilledButton(
                   child: const Text('Edit'),
                   onPressed: () async {
                     var result = await showDatePicker(
@@ -128,7 +128,7 @@ class _EditEntryFormState extends State<EditEntryForm> {
             children: [
               Padding(
                 padding: const EdgeInsets.only(left: 8.0, right: 8.0),
-                child: ElevatedButton(
+                child: FilledButton(
                   child: const Text('Cancel'),
                   onPressed: () {
                     widget.onDone(false);
@@ -137,7 +137,7 @@ class _EditEntryFormState extends State<EditEntryForm> {
               ),
               Padding(
                 padding: const EdgeInsets.only(left: 8.0, right: 8.0),
-                child: ElevatedButton(
+                child: FilledButton(
                   child: const Text('OK'),
                   onPressed: () {
                     if (_formKey.currentState!.validate()) {