diff --git a/src/webparts/LaserficheRepositoryAccessWebPart/components/LaserficheRepositoryAccess.module.scss b/src/webparts/LaserficheRepositoryAccessWebPart/components/LaserficheRepositoryAccess.module.scss
index 82839c9..b166c02 100644
--- a/src/webparts/LaserficheRepositoryAccessWebPart/components/LaserficheRepositoryAccess.module.scss
+++ b/src/webparts/LaserficheRepositoryAccessWebPart/components/LaserficheRepositoryAccess.module.scss
@@ -1,3 +1,8 @@
+@font-face {
+  font-family: 'Open Sans';
+  src: local('Open Sans'), local('OpenSans'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans.woff) format('woff'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Regular.ttf) format('truetype');
+}
+
 .lfAdhocMinHeight {
   height: 450px;
 }
@@ -125,7 +130,6 @@
 .browserTitle {
   margin-left: 10px;
   font-size: 16px;
-  font-family: 'Open Sans';
   font-weight: 600;
   color: #333333;
 }
diff --git a/src/webparts/laserficheAdminConfiguration/components/LaserficheAdminConfiguration.module.scss b/src/webparts/laserficheAdminConfiguration/components/LaserficheAdminConfiguration.module.scss
index cdd592d..7fc3241 100644
--- a/src/webparts/laserficheAdminConfiguration/components/LaserficheAdminConfiguration.module.scss
+++ b/src/webparts/laserficheAdminConfiguration/components/LaserficheAdminConfiguration.module.scss
@@ -1,5 +1,10 @@
 @import '~@fluentui/react/dist/sass/References.scss';
 
+@font-face {
+  font-family: 'Open Sans';
+  src: local('Open Sans'), local('OpenSans'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans.woff) format('woff'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Regular.ttf) format('truetype');
+}
+
 .lfMaterialIconButton {
   cursor: pointer;
   display: flex;
@@ -154,7 +159,6 @@ lf-repository-browser {
 
 .profileTitle {
   color: #333333;
-  font-style: 'Open Sans';
   font-size: 16px;
   font-weight: 600;
 }