diff --git a/gallery/easel/route/view/common/templates/base.html b/gallery/easel/route/view/common/templates/base.html
index 7b3aa8a..0daea8c 100644
--- a/gallery/easel/route/view/common/templates/base.html
+++ b/gallery/easel/route/view/common/templates/base.html
@@ -37,7 +37,7 @@
                   aria-expanded="false"
                   data-bs-toggle="dropdown"
                   aria-label="{{_('Select language')}} (default)">
-            <span class="fi fir fi-gb me-2 language-icon-active"></span>
+            <span class="fi fir fi-gb me-2 language-icon-active icon-header"></span>
             <span class="d-lg-none ms-2"
                   id="bd-language-text">{{_("Select language")}}</span>
           </button>
@@ -70,7 +70,7 @@
                   aria-expanded="false"
                   data-bs-toggle="dropdown"
                   aria-label="Toggle theme (auto)">
-            <span class="bi bi-circle-half me-2 opacity-50 theme-icon-active"></span>
+            <span class="bi bi-circle-half me-2 opacity-50 theme-icon-active icon-header"></span>
             <span class="d-lg-none ms-2"
                   id="bd-theme-text">{{_("Toggle theme")}}</span>
           </button>
diff --git a/static/src/lib/flag-icons.scss b/static/src/lib/flag-icons.scss
index 6e81e7b..b48ed89 100644
--- a/static/src/lib/flag-icons.scss
+++ b/static/src/lib/flag-icons.scss
@@ -12,4 +12,6 @@
 .fir {
   @extend .fis;
   border-radius: 50%;
-}
+  height: 1em;
+  border: 1px solid gray;
+}
\ No newline at end of file
diff --git a/static/src/main.scss b/static/src/main.scss
index 1317349..591f293 100644
--- a/static/src/main.scss
+++ b/static/src/main.scss
@@ -11,11 +11,8 @@
   }
 }
 
-.icon {
-  display: inline-block;
-  width: 2rem;
-  height: 2rem;
-  background-size: contain;
+.icon-header {
+  @include font-size($h4-font-size);
 }
 
 .app-header {